Hola!
A ver si se puede resolver esta cuestión:
Tengo el siguiente código css:
Código:
#pagina {width:755px; margin:auto; }
#encabezado {width:744px; height:110px; float: left; border: solid 5px #FDF4D5;}
#cuadro {}
#botones {width:120px; float: left; margin-top: 5px; margin-right:5px; margin-bottom:5px; }
.boton {width:110px; height:34px; clear: left; margin:5px; padding-top:3px}
#cuerpo {width:619px; border: solid 5px #FDF4D5; float: left; margin-top:5px; margin-bottom:5px; }
#pie { width:744px; border: solid 5px #FDF4D5; clear:both; margin-top:0px}
Y html:
Código:
<div id="pagina">
<div id="encabezado" class="curved"></div>
<div id="cuadro">
<div id="botones" class="tb curved">
<div class="boton"> </div>
<div class="boton"></div>
<div class="boton"></div>
</div>
<div id="cuerpo" class="curved"></div>
</div>
<div id="pie" class="curved"></div>
</div>
Necesito que div #botones tenga todo el alto posible. Probé con en atributo height=100% añadiéndolo también a html y a body y el resto de etiquetas padre, pero como #botones empieza por debajo de #encabezado y termina antes que #pie, pero toma como 100% toda la página, el resultado era que tenia ciento y pico píxeles de más, que son la altura de #encabezado y #pie.
¿Se os ocurre alguna forma de conseguirlo?
Muchas gracias de antemano!