CSS Problem.

Elo

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;




}

Alles anzeigen

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>

Alles anzeigen

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

Kann mir da jemand helfen?

Tags