Hola:
Quiero acomodar los divs de esta forma:
e intentado con posicionamientos absolute, relative pero no logro conseguirlo
este es mi código, he borrado los posicionamientos
CSS: body{
margin:0px;
}
#contenedor{
width:100%;
background:#666;
}
#cabecera{
width:700px;
height:150px;
background:#000;
margin:0 auto;
}
#cuerpo{
width:700px;
height:450px;
background:#CCC;
margin:0 auto;
}
#contenido1{
width:650px;
height:50px;
background:#FFC;
}
#contenido2{
width:650px;
height:100px;
background:#FC3;
}
#contenido3{
width:650px;
height:200px;
background:#FFF;
}
#pie{
width:700px;
height:50px;
background:#000;
margin:0 auto;
} HTML: <body>
<div id="contenedor">
<div id="cabecera">
</div>
<div id="cuerpo">
<div id="contenido1">
</div>
<div id="contenido2">
</div>
<div id="contenido3">
</div>
</div>
<div id="pie">
</div>
</div>
</body>
y me queda así:
como debo usar los position???