Buenas a todos!
Estoy liado con el diseño de una página y ofrezco un jamón a quien me resuelva esta dudad
. La página que estoy diseñando tiene un div contenedor con un color de fondo y un borde lateral. La altura de este div tiene que ser siempre el 100%, pero el problema es que en firefox el 100% es sólo el área que visualizas en pantalla, es decir, que si desciendes con el scroll vertical ves que el contenedor desaparece
.
Pego el código:
Código:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Altura de div</title>
<style type="text/css">
body, html {
height:100%;
margin:0;
padding:0;
}
#contenedor {
width:600px;
height:100%;
background:#9CC;
margin:0 auto;
border-right:1px #333 solid;
border-left:1px #333 solid;
}
#contenido {
width:300px;
background:#069;
float:left;
margin: 10px 0 0 10px;
color:#FFF;
}
</style>
</head>
<body>
<div id="contenedor">
<div id="contenido">
<p>SOS. QUIERO QUE LOS BORDES OCUPEN EL 100% Y NO EL AREA QUE SE VISUALIZA.</p>
<p>SOS. QUIERO QUE LOS BORDES OCUPEN EL 100% Y NO EL AREA QUE SE VISUALIZA.</p>
<p>SOS. QUIERO QUE LOS BORDES OCUPEN EL 100% Y NO EL AREA QUE SE VISUALIZA.</p>
<p>SOS. QUIERO QUE LOS BORDES OCUPEN EL 100% Y NO EL AREA QUE SE VISUALIZA.</p>
<p>SOS. QUIERO QUE LOS BORDES OCUPEN EL 100% Y NO EL AREA QUE SE VISUALIZA.</p>
<p>SOS. QUIERO QUE LOS BORDES OCUPEN EL 100% Y NO EL AREA QUE SE VISUALIZA.</p>
<p>SOS. QUIERO QUE LOS BORDES OCUPEN EL 100% Y NO EL AREA QUE SE VISUALIZA.</p>
<p>SOS. QUIERO QUE LOS BORDES OCUPEN EL 100% Y NO EL AREA QUE SE VISUALIZA.</p>
<p>SOS. QUIERO QUE LOS BORDES OCUPEN EL 100% Y NO EL AREA QUE SE VISUALIZA.</p>
<p>SOS. QUIERO QUE LOS BORDES OCUPEN EL 100% Y NO EL AREA QUE SE VISUALIZA.</p>
<p>SOS. QUIERO QUE LOS BORDES OCUPEN EL 100% Y NO EL AREA QUE SE VISUALIZA.</p>
</div>
</div>
</body>
</html>
Ya sé que es algo muy común y que se puede solucionar estableciendo una altura mínima, pero el problema es que en la página que estoy diseñando tendría que crear un contenedor por cada página ya que la altura del contenido no es siempre la misma. Si tengo que hacerlo no pasa nada, pero quería preguntar si a alguien se le ocurre alguna forma de hacerlo sin utilizar un div contendor por página. Ainss que jaleo de navegadores
.
Gracias por anticipado y un saludo a todos!!!