divar

vad är fel i denna koden? den blir inte centrerad :(


<head>
<style type="text/css">
#container {
margin: 0px auto;
width: 640px;
height: 250px;
}

#header {
font-size: 20px;
background: #DDDDDD;
}

#menu {
float: left;
width: 140px;
height: 250px;
background: #CCCCCC;
}

#contents {
float: right;
width: 500px;
height: 250px;
}

#footer {
backgound: #DDDDDD;
}
</style>
</head>



<div id="container">

<div id="header">

Logo

</div>

<div id="menu">

Startsida, Annan sida

</div>

<div id="contents">

Lorem Ipsum...

</div>

<div id="footer">

Copyright

</div>

</div>

JonkaGOO

Du kan endast centrera något inuti någonting annat.
Så margin: 0 auto; ska ligga i antingen ännu en till container utanför #container som är 100% hög och bred. Eller i body {} :)