Buenas.
Les comento mi problema, estoy maquetando una web, y necesito que el DIV contenedor, y un DIV lateral, tengan la altura 100% de la página, ya había podido lograrlo pero metí mano e hice un desastre.
Mi código es el siguiente:
CSS:
Código:
#contenedor
{
border-style: solid;
border-color: inherit;
border-width: 0px;
background: #fff;
width:850px;
height:700px;
bottom:0;
}
#lateral
{
font-family:Verdana;
font-size:12px;
float:left;
width:170px;
margin-left:0px;
text-align:center;
padding:0px;
top:0;
bottom:0;
height:100%;
background:gray;
}
body
{
text-align:center;
background:#efefef;
margin:0px;
padding:0px;
height:100%;
bottom:0;
top:0;
}
Como verán puse la propiedad “height” en un tamaño fijo, ya que si lo pongo en 100% directamente no lo veo.
HTML:
Código:
<body>
<div id="contenedor">
<div id="lateral">
</div>
</div>
</body>
La página tiene mas DIVs, pero los 2 que tienen que llegar hasta el final, son esos 2.
Gracias de ante mano.
Pd: Use el buscador pero no encontré nada que me ayude.
Saludos!