Estoy probando la solucion a priori tan "sencilla" con este código:
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>PRUEBA CSS HEIGHT</title>
</head>
<style type="text/css">
body {
background-image:url(fondo_cuadros.png);
background-repeat:repeat;
background-position: top left;
margin:0;
padding:0;
height:100%;
}
#cuadro {
background-color:#dfdb00;
position:absolute;
margin: 50px 0px 0px 150px;
padding: 20px 5px 20px 40px;
width:450px;
height:100%;
}
</style>
<body>
<div id="cuadro">
<h1>¡CON EL 100% DE HEIGHT EN BODY FUNCIONA!</h1>
<hr />
Las moscas inundan con su batir de alas el pequeño mundo de los gnomos minusculos. ¿Qué podemos hacer para evitarlo?
</div>
</body>
</html> He de deciros que si.., si que he logrado que los DIVS ocupen el 100% de la página, pero ... este sistema supone un 100% irreal, puesto que genera un 10% de scroll aprox. con respecto al 100% del body... vamos que el resultado es como si el DIV ocupase un 110% aprox. del espacio vertical de la ventana...
No se si a vosotros os ocurre lo mismo...
Almenos ahora podemos hacer que llegue hasta abajo.