Hola,
Quisiera cambiar el diseño actual de mi página bsado en marcos pero conserbando el menu y la cabecera fija. Recomendaria estudiar el tema en el taller de CSS, pero ya que ahí no se trata he encontrado una posible solución en tierradenomadas.com :
Código HTML:
Código HTML:
<div id="Superior">... contenido de la caja superior... </div>
<div id="Izquierda">... contenido de la caja izquierda... </div>
<div id="Derecha">... contenido de la caja derecha... </div>
Código CSS:
Código HTML:
body { overflow:auto; }
div#Superior { position:absolute; top:0; left:0; width:100%; height:15%; overflow:auto; }
div#Izquierda { position:absolute; top:15%; left:0; width:25%; height:85%; overflow:auto; }
div#Derecha { position:absolute; top:15%; left:25%; width:75%; height:85%; overflow:auto; }
|El problema de este código es que sólo he conseguido hacerlo funcionar cuando la cabecera superior tiene el height en porcentaje, pero si tiene la altura fija en pixeles (lo más habitual), deja un feo hueco al final de la página.
¿ Alguien sabe como hacer para que con una altura de pongamos 50 pixeles de cabecera, ocupe toda la página en cualquier navegador ?
|
|Atentamente,
Javier Alvarez