CONTENIDO Forum

Tag

wie kann ich die Seite so verändern, dass die dann statt links in Browser, centriert erscheint?

hm indem du das im Layout angibst !!

falls keine html kenntnisse

http://de.selfhtml.org/

greets

das habe ich auch gemacht

alles wird auch centriert angezeigt nur der rechte teil der Seite.

so überschneiden sich die Texte

praktisch die liegen aufeinander

wie löse ich das problemm?

post einmal den quelltext des layout hier rein..

Code: Alles auswählen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

	<title>Contenido Demo-Seite</title>
	<link href="css/style.css" rel="stylesheet" type="text/css">
	<link href="css/style_print.css" rel="stylesheet" type="text/css" media="print">
	<!--[if IE]>
		<style>
			#imagecolumn {
				width:170px;
			}
			#logo {
				margin-top:0;
			}
			#navipath {
				padding-top:2px;
			}
			.balken {
				background-position:0px 0px ;
			}				
			#additionalnavi {
				padding-top:2px;
			}
        </style>
	<![endif]-->
<script language="javascript" type="text/javascript" src="js/jsApi.js"></script>

	<title>Contenido Demo-Seite</title>
	<link href="css/style.css" rel="stylesheet" type="text/css">
	<link href="css/style_print.css" rel="stylesheet" type="text/css" media="print">
	<!--[if IE]>
		<style>
			#imagecolumn {
				width:170px;
			}
			#logo {
				margin-top:0;
			}
			#navipath {
				padding-top:2px;
			}
			.balken {
				background-position:0px 0px ;
			}				
			#additionalnavi {
				padding-top:2px;
			}
        </style>
	<![endif]-->
<script language="javascript" type="text/javascript" src="js/jsApi.js"></script>
</head>
<body>

  <div align="center">
              <center>


<div id="outer"> 
	<div id="innerwrap"> 
		<div id="centrecontent"> 
			<div id="navipath">
				<container id="60" name="Navigationspfad" types="Navigation" mode="fixed" default="Navigationspfad">Navigationspfad</container>
			</div>
			<container id="10" name="Headline" types="Content" default="Headline (HTML)">Headline (HTML)</container>
			<container id="12" name="Text" types="Content" default="">Content 1</container>
			<container id="15" name="Text" types="Content" default="">Content 2</container>
			<container id="22" name="Text" types="Content" default="">Content 3</container>
			<container id="24" name="Text" types="Content" default="">Content 4</container>
			<container id="26" name="Text" types="Content" default="">Content 5</container>
			<container id="28" name="Text" types="Content" default="">Content 6</container>
			<br/><br/>
            <div align="center">
              <center>
			<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td style="background-color:rgb(210,210,210);"><img src="images/grey.gf" width="1" height="1" border="0" alt="" title=""/></td></tr></table>
              </center>
            </div>
			<div id="bottomnavi">
				<container id="30" name="BottomNavigation" types="Navigation" mode="fixed" default="BottomNavigation">BottomNavigation</container>
			</div>			
		</div>
		<div id="left"> 
			<container id="40" name="Hauptnavigation" types="Navigation" mode="fixed" default="Hauptnavigation">Hauptnavigation</container>
			<container id="44" name="Suche" types="Navigation" default="">Suche</container>
			<container id="48" name="Login" types="Navigation" default="">Login</container>
			<container id="49" name="Newsletter" types="Navigation" default="">Newsletter</container> </div>
	</div>
	<div id="right"></div>
	<div id="clearfooter"></div>
	<div id="header"> 
		<div id="additionalnavi"><container id="50" name="Hilfsnavigation" types="Navigation" mode="fixed" default="Hilfsnavigation">Hilfsnavigation</container></div>
		<div id="logo">
            <div align="center">
              <center>
			<table width="780" border="0" cellspacing="0" cellpadding="0">
				<tr>
					<td><a href="front_content.php" title="Zur Homepage"><img src="images/logo.gif" width="101" hspace="30" height="61" border="0" alt="Logo" title="Logo"/></a></td>
					<td align="left"><img src="images/blank.gif" width="449" height="1" border="0"/></td>
					<td align="right"><container id="80" name="Illustration" types="Content" default=""></container></td>
				</tr>
				<tr>
					<td colspan="3" class="balken"><img src="images/blank.gif" border="0" width="780" height="5" alt=""/></td>
				</tr>
			</table>
              </center>
            </div>
		</div>
	</div>
</div>

<div align="center">
  <center>

<div id="imagecolumn">
	<container id="70" name="Teaser_Rechts" types="Content" mode="optional">Teaser (Rechts)</container>
	<container id="72" name="Teaser_Rechts" types="Content" mode="optional">Teaser (Rechts)</container>
	<container id="74" name="Teaser_Rechts" types="Content" mode="optional">Teaser (Rechts)</container>
</div>
</div>
</center>


<div id="outer"> 
	<div id="innerwrap"> 
		<div id="centrecontent"> 
			<div id="navipath">
				<container id="60" name="Navigationspfad" types="Navigation" mode="fixed" default="Navigationspfad">Navigationspfad</container>
			</div>
			<container id="10" name="Headline" types="Content" default="Headline (HTML)">Headline (HTML)</container>
			<container id="12" name="Text" types="Content" default="">Content 1</container>
			<container id="15" name="Text" types="Content" default="">Content 2</container>
			<container id="22" name="Text" types="Content" default="">Content 3</container>
			<container id="24" name="Text" types="Content" default="">Content 4</container>
			<container id="26" name="Text" types="Content" default="">Content 5</container>
			<container id="28" name="Text" types="Content" default="">Content 6</container>
			<br/><br/>
            <div align="center">
              <center>
			<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td style="background-color:rgb(210,210,210);"><img src="images/grey.gf" width="1" height="1" border="0" alt="" title=""/></td></tr></table>
              </center>
            </div>
			<div id="bottomnavi">
				<container id="30" name="BottomNavigation" types="Navigation" mode="fixed" default="BottomNavigation">BottomNavigation</container>
			</div>			
		</div>
		<div id="left"> 
			<container id="40" name="Hauptnavigation" types="Navigation" mode="fixed" default="Hauptnavigation">Hauptnavigation</container>
			<container id="44" name="Suche" types="Navigation" default="">Suche</container>
			<container id="48" name="Login" types="Navigation" default="">Login</container>
			<container id="49" name="Newsletter" types="Navigation" default="">Newsletter</container> </div>
	</div>
	<div id="right"></div>
	<div id="clearfooter"></div>
	<div id="header"> 
		<div id="additionalnavi"><container id="50" name="Hilfsnavigation" types="Navigation" mode="fixed" default="Hilfsnavigation">Hilfsnavigation</container></div>
		<div id="logo" style="width: 1020; height: 74">
            <div align="center">
              <center>
			<table width="780" border="0" cellspacing="0" cellpadding="0">
				<tr>
					<td><a href="front_content.php" title="Zur Homepage"><img src="images/logo.gif" width="101" hspace="30" height="61" border="0" alt="Logo" title="Logo"/></a></td>
					<td align="left"><img src="images/blank.gif" width="449" height="1" border="0"/></td>
					<td align="right"><container id="80" name="Illustration" types="Content" default=""></container></td>
				</tr>
				<tr>
					<td colspan="3" class="balken"><img src="images/blank.gif" border="0" width="780" height="5" alt=""/></td>
				</tr>
			</table>
             
              </center>
            </div>
             
	</div>
</div>
<div id="imagecolumn">
	<container id="70" name="Teaser_Rechts" types="Content" mode="optional">Teaser (Rechts)</container>
	<container id="72" name="Teaser_Rechts" types="Content" mode="optional">Teaser (Rechts)</container>
	<container id="74" name="Teaser_Rechts" types="Content" mode="optional">Teaser (Rechts)</container>
</div>

 </center>
            </div>

</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Inhaltbereich mit "aktuellen news" wird unter der Tabelle imcentrum angezeigt.

hast du mal den Link zu deiner Homepage, so dass wir uns ein Bild davon machen können?

leider kann ich kein link geben. ich teste die Seite auf meinem localserver.

ich hoffe das war nur ein kopier fehler am ende des codes

Code: Alles auswählen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

hm da ist ja chaos meinn vorschlag damit du auch dahinter steigst

entferne erstmal alle

Code: Alles auswählen

<center></center>

danach gehst du div für div durch und kannst es dann zentrieren aber bitte nicht ineinander verschachtel,denn allein dadurch hast du genug errors weg dein originalcode

Code: Alles auswählen

Result:  	 Failed validation, 59 errors

und ich schau mal weiter

hatte das gefühl das du dich da gar nicht auskennst

Code: Alles auswählen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

   <title>Contenido Demo-Seite</title>
   <link href="css/style.css" rel="stylesheet" type="text/css">
   <link href="css/style_print.css" rel="stylesheet" type="text/css" media="print">
   <!--[if IE]>
      <style>
         #imagecolumn {
            width:170px;
         }
         #logo {
            margin-top:0;
         }
         #navipath {
            padding-top:2px;
         }
         .balken {
            background-position:0px 0px ;
         }            
         #additionalnavi {
            padding-top:2px;
         }
        </style>
   <![endif]-->
<script language="javascript" type="text/javascript" src="js/jsApi.js"></script>

   <title>Contenido Demo-Seite</title>
   <link href="css/style.css" rel="stylesheet" type="text/css">
   <link href="css/style_print.css" rel="stylesheet" type="text/css" media="print">
   <!--[if IE]>
      <style>
         #imagecolumn {
            width:170px;
         }
         #logo {
            margin-top:0;
         }
         #navipath {
            padding-top:2px;
         }
         .balken {
            background-position:0px 0px ;
         }            
         #additionalnavi {
            padding-top:2px;
         }
        </style>
   <![endif]-->
<script language="javascript" type="text/javascript" src="js/jsApi.js"></script>
</head>
<body>
<div align="center">
 <div id="outer">
   <div id="innerwrap">
      <div id="centrecontent">
         <div id="navipath">
            <container id="60" name="Navigationspfad" types="Navigation" mode="fixed" default="Navigationspfad">Navigationspfad</container>
         </div>
         <container id="10" name="Headline" types="Content" default="Headline (HTML)">Headline (HTML)</container>
         <container id="12" name="Text" types="Content" default="">Content 1</container>
         <container id="15" name="Text" types="Content" default="">Content 2</container>
         <container id="22" name="Text" types="Content" default="">Content 3</container>
         <container id="24" name="Text" types="Content" default="">Content 4</container>
         <container id="26" name="Text" types="Content" default="">Content 5</container>
         <container id="28" name="Text" types="Content" default="">Content 6</container>
            <div align="center">
              
         <table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td style="background-color:rgb(210,210,210);"><img src="images/grey.gf" width="1" height="1" border="0" alt="" title=""/></td></tr></table>
              
            </div>
         <div id="bottomnavi">
            <container id="30" name="BottomNavigation" types="Navigation" mode="fixed" default="BottomNavigation">BottomNavigation</container>
         </div>         
      </div>
      <div id="left">
         <container id="40" name="Hauptnavigation" types="Navigation" mode="fixed" default="Hauptnavigation">Hauptnavigation</container>
         <container id="44" name="Suche" types="Navigation" default="">Suche</container>
         <container id="48" name="Login" types="Navigation" default="">Login</container>
         <container id="49" name="Newsletter" types="Navigation" default="">Newsletter</container> </div>
   </div>
   <div id="right"><div id="imagecolumn">
   <container id="70" name="Teaser_Rechts" types="Content" mode="optional">Teaser (Rechts)</container>
   <container id="72" name="Teaser_Rechts" types="Content" mode="optional">Teaser (Rechts)</container>
   <container id="74" name="Teaser_Rechts" types="Content" mode="optional">Teaser (Rechts)</container>
</div></div>
   <div id="clearfooter"></div>
   <div id="header">
      <div id="additionalnavi"><container id="50" name="Hilfsnavigation" types="Navigation" mode="fixed" default="Hilfsnavigation">Hilfsnavigation</container></div>
      <div id="logo">
            <div align="center">
              
         <table width="780" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td><a href="front_content.php" title="Zur Homepage"><img src="images/logo.gif" width="101" hspace="30" height="61" border="0" alt="Logo" title="Logo"/></a></td>
               <td align="left"><img src="images/blank.gif" width="449" height="1" border="0"/></td>
               <td align="right"><container id="80" name="Illustration" types="Content" default=""></container></td>
            </tr>
            <tr>
               <td colspan="3" class="balken"><img src="images/blank.gif" border="0" width="780" height="5" alt=""/></td>
            </tr>
         </table>
              
            </div>
      </div>
   </div>
</div>
</div>



</body>
</html>

habe ihn nicht geschönt also kannst dich ranmachen so solltest du quasi alles über deine style.css hinbekommen und regeln können bzw beschäftige dich damit

stimmt ich kenne mich damit noch nicht so gut aus:D
wollte halt alles auf die schnelle machen

danke für die Hilfe

CONTENIDO Forum

Layout statt links, centriert

Layout statt links, centriert