Hallo, ich bastele gerade an einen Website.
Der Content soll 800 Pixel breit sein und mittig in der
Seite sitzen. Darunter soll links ein grauer Streifen bis zum
Ende der Seite gehen. Die Lnge bestimmt der rechts davon
sitzende Inhalt.

Hier mal mein Code:

Das CSS:

Code:
html, body {
	margin: 0px auto;
	padding: 0px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 8px;
	text-align: center;
	background-color: #FFFFFF;
	color: #313031;
	
	}


#container{

	margin: 0px auto;
	width: 800px;
	font-size: 11px;
	text-align: left;
	
	
}


#content {

	margin: 0px auto;
	width: 800px;
        
	font-size: 11px;
	text-align: left;
	float:left;
	
	
}


#siteContent {
position:relative;
left:50px;
float:left;


}

#headerPicture {
width: 800px;
height:130px;
background:url('../images/header.jpg');

}

#grey {
position:relative;
width:60px;
background-color: #eeeeee;

float:left;


}

Und das HTML:

Code:
<body>



<div id = "container">
<div id = "headerPicture">



</div>

<div id ="content">

<div id = "grey">


</div>
<div id = "siteContent">

Hello
, this ist very nice

Hello
, this ist very nice

Hello
, this ist very nice

Hello
, this ist very nice

Hello
, this ist very nice

Hello
, this ist very nice

Hello
, this ist very nice

Hello
, this ist very nice

Hello
, this ist very nice

Hello
, this ist very nice

</div>
</div>


</div> 

</body>

Problem dabei ist das ich es nicht schaffe dass der graue Balken
links bis nach unter reicht.

Kann mir da jemand helfen?
Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!