Me estoy volviendo loco y seguro que es una tonteria pero no doy con el problema.
La idea es un fondo blanco centrado y dentro de el uno amarillo. Dentro de lo amarillo debe ir el contenido de la página, pero según meto cosas el blanco no crece (más bien si no le pongo una altura ni aparece). He probado con height=auto, height=100% y con clear, pero nada de nada.
El código css es el siguiente (he puesto altura para que os hagais una idea del efecto que quiero):
Código:
body {
background-color: #CC9933;
background-image: url(/imagenes/fondo.jpg);
background-repeat: repeat;
background-position: center top;
1position: static;
}
#pagina {
position:relative;
background-color:#FFFFFF;
width:940px;
height: 300px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
}
#contenedor {
background-color:#FFFF00;
width:880px;
position:absolute;
height: 240px;
margin-top: 30px;
margin-bottom: 30px;
margin-left: 30px;
}
El html es el siguiente:
Código:
<div id="pagina">
<div id="contenedor">
</div>
</div>
Gracias de antemano