Tengo un problema y pese a que soy programador en php no llego a solucionarlo.
el caso es que tengo una pagina fluida con un banner al 100% de ancho y debajo tres divs al 80 % de ancho y uno con float right al 20%, todo metido en un contenedor.
el div de la derecha, quiero que tenga el height al 100% del contenedor, osea que ocupe lo que los otros tres divs en alto, y no lo consigo de ninguna manera, he provado de todo, tutoriales del mismo y al parecer solo funciona cuando tiene un weight fijo, pero en mi caso el weight es porcentage ya que es fluida. os pongo un ejemplo y espero que podais ayudarme.

#banner{
width:100%;
height:100px;
background-color:red;


}
#menu{
width:80%;
height:25px;
background-color:blue;




}
#cuerpo{
width:80%;
height:auto !important;
background-color:green;


}

#pie{
width:80%;
height:25px;
background-color:blue;



}
#menu_lateral{
width:20%;
background-color: yellow;
float:right;


height:100%;

}
#div1{
height:100%;

background-color: orange;

}

<div id="div1" class="fluid">

<div id="banner">aqui el banner</div>

<div id="menu_lateral">,jhkgkjjllkj</div>


<div id="menu">aqui el menu</div>


<div id="cuerpo">

aqui hay un programa php que me da el catalogo
</div>

<div id="pie">

aqui el pie
</div>


</div>

espero respuesta, muchas gracias por vuestro tiempo.
Pertenece a la categoría:

No hay respuestas para esta pregunta