No se puede ajustar la altura de un <DIV> al 100%

camali7 · #1 (**permalink**) 08/02/2007, 10:45

Hola maestros, mi problema es tan sencillo como este:

#divContenedor
{
width:800px;
height:100%;
border:solid 1px black;
margin:10px auto;
}

<body>
<div id="divContenedor">

</div>
</body>

Este código me genera un div con un ancho de 800px, situado en el centro de la página. Pero, ¿Porqué no ocupa el 100% de la altura de la página?

Un saludo a todos y gracias anticipadas.

JavierB · #2 (**permalink**) 08/02/2007, 10:47

Hola camali7

Prueba añadiendo esto a tu css:

body,html {height:100%}

Saludos,

camali7 · #3 (**permalink**) 08/02/2007, 11:50

muchas gracias tio, no había caído en el detalle....

frijolerou · #4 (**permalink**) 09/02/2007, 20:20

Exactamente, para poder definir la altura de un elemento en porcentaje es necesario que tenga una referencia (¿el n% en relación a qué?), y para eso debes especificarle una altura al elemento padre. Y tal como te explicó JavierB, BODY al 100% e sla referencia para el DIV, y a su vez HTML al 100% es la referencia para BODY.