Hola a todos, he estado buscando como solucionar el tema de la altura 100% dentro de otros divs, que he estado probando cosas que ponia por el foro, pero no me funciona nada.
En el div 3 no hay nada, sólo tiene un diseño, la altura mínima de la web será la del div 1 + 5, y se hará más larga dependiendo del contenido del div 4. Os pongo el código de lo que tengo, a ver si encontrais el fallo :S
Gracias.
#contenedor = 1+2+3+4
#izquierda = 1 + 3
#derecha = 2 + 4
#xafi_menu = 1
#sub_menu = 3
#superior = 2
#contenido = 4
#pie = 5
Código HTML:
<div id="contenedor">
<div id="izquierda">
<div id="xafi_menu"></div>
<div id="sub_menu"></div>
</div>
<div id="derecha">
<div id="superior"></div>
<div id="contenido"></div>
</div>
</div>
<div id="pie"></div> Código HTML:
body{
background-color:#000;
}
#contenedor {
width: 857px;
margin-top: 10px;
margin-right: auto;
margin-left: auto;
position:relative;
}
#izquierda {
width: 185px;
float: left;
position:relative;
}
#derecha {
position:relative;
}
#xafi_menu {
height: 756px;
float: left;
width: 185px;
}
#sub_menu {
height: 100%;
margin-top:756px;
width: 185px;
float: left;
position:absolute;
}
#superior {
margin-left: 185px;
height: 244px;
width: 672px;
}
#contenido {
margin-left: 185px;
width: 672px;
height:100%x;
position:absolute;
}
#pie {
height: 93px;
width: 857px;
clear: both;
margin-right: auto;
margin-left: auto;
}