[Resolvido] Problemas com div root!
To com um problema bem simples! mas nao to conseguidno resolver...
to com uma página beem simples...praticamente só o esqueleto. Mas to com um problema em relação à div q eu chamo de root!
o código tá desse jeito:
<body>
<div id="root">
<div id="header">
oi
</div>
<div id="conteudo">
oi
</div>
<div id="footer">
oi
</div>
</div>
</body>
e a CSS tá desse:
body {
background-color: #69F;
}
#root {
float:none;
border:thin solid black;
background-color: #000;
width: 800px;
margin-left: auto;
margin-right: auto;
}#root #header {
width: 600px;
float: left;
height: 120px;
margin-left: 150px;
margin-right: 50px;
background-color: #ccc;
margin-bottom:30px;
}
#root #conteudo {
float: left;
width: 800px;
height: 500px;
background-color: #FFF;
border: thin solid black;
}
#root #footer{
width: 800px;
height: 80px;
float: left;
background-color: #333;
}
eu qria que a div root e todo o seu conteúdo ficassem centralizados, isso até acontece, mas o problema é que eu botei um background color na div root, e pelo que eu vi, ela nao ajusta o height de acordo com o conteúdo dentro dela! Sendo assim, não aparece a cor de fundo da div root...
pelo que eu sei, isso só acontece quando você poe um float: left; na div root, mas aí ela não fica centralizada....
como eu faço?
valeu!
Discussão (2)
Carregando comentários...