ajuste div

[Trypat]

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

[Raulmmmm]

Quítale el position: absolute al contenedor.

[TheViejo]

Hola, tuve un problema parecido y lo arregle con esto :

En tu CSS añade :

Código PHP:

  .RepararEspaciado {
 clear: both;
} 
   

Y en la parte inferior de contenedor añade lo siguiente :

Código PHP:

   <div class="RepararEspaciado">&nbsp;</div> 
   

Si no te funciona prueba a poner ese codigo al final pagina.

Mira debe quedar asi :

Código PHP:

  <div id="pagina">   
  <div id="contenedor">

   <div class="RepararEspaciado">&nbsp;</div>
 </div>     
</div> 
   

O si no funciona así:

Código PHP:

  <div id="pagina">    
  <div id="contenedor">
  </div>     


   <div class="RepararEspaciado">&nbsp;</div> 
</div> 
   

[Trypat]

Si, el fallo era lo de absolute, pero si lo quito no se muestra como quiero así que he tenido que hacerlo de otra manera.

En cuanto a la segunda repuesta, ya había puesto que así no me iba.