Buenas,
Soy bastante nuevo en el mundo css, agradecería vuestra colaboración,
El tema es que estoy haciendo una página donde defino un contenedor:
Código HTML:
#contenedor {
width:960px;
height:1200px;
margin: auto;
background:url(../Images/background.jpg);
}
Después algunas capas más como cabecera y contenido:
Código HTML:
#cabecera {
margin-top:0px;
margin-right:auto;
margin-bottom:0px;
margin-left:auto;
width:900px;
height:auto;
left:30px;
}
#contenido {
margin-top:0px;
margin-right:auto;
margin-bottom:0px;
margin-left:auto;
top:164px;
width:900px;
height:auto;
background:#FFFFFF
}
En la página lo tengo ordenado de esta manera:
Código HTML:
<div id="contenedor">
<div id="cabecera">
Contenido de cabecera
</div>
<div id="contenido">
Contenido de contenido
</div>
</div> El problema es que si defino el "height" del contenedor en auto , las demás capas me aparecen fuera, no se me ajustan dentro del contenedor.
¿Algun consejo?
Agradezco vuestra atención.
Saludos