Layout statt links, centriert

alf · Beitrag von **alf** » Mo 7. Nov 2005, 15:41

Tag

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

rezeptionist · Beitrag von **rezeptionist** » Mo 7. Nov 2005, 15:54

hm indem du das im Layout angibst !!

falls keine html kenntnisse

http://de.selfhtml.org/

greets

alf · Beitrag von **alf** » Mo 7. Nov 2005, 16:45

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?

fancypants.ch · Beitrag von **fancypants.ch** » Mo 7. Nov 2005, 17:00

post einmal den quelltext des layout hier rein..

alf · Beitrag von **alf** » Mo 7. Nov 2005, 17:05

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">

alf · Beitrag von **alf** » Mo 7. Nov 2005, 17:15

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

fancypants.ch · Beitrag von **fancypants.ch** » Di 8. Nov 2005, 08:22

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

alf · Beitrag von **alf** » Di 8. Nov 2005, 15:55

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

rezeptionist · Beitrag von **rezeptionist** » Di 8. Nov 2005, 16:10

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

rezeptionist · Beitrag von **rezeptionist** » Di 8. Nov 2005, 16:59

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

alf · Beitrag von **alf** » Di 8. Nov 2005, 22:25

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

danke für die Hilfe