Simular Frames con CSS

[ylodis]

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

[Dalvenjha]

Puedes crear dentro de un contenedor un div para la cabecera, otro para el menú y luego el del contenido.

[ylodis]

Hola,

Ya he creado un div para cada cosa, pero ¿ cómo hago para que los dos contenedores de abajo ocupen toda la página ?
Si la cabecera superior tiene una longitud fija en pixeles, no consigo que el seudoframe ocupe toda la página.

[ylodis]

Hola,

Por si querias decir que cree un contenedor div que agrupe a los 3 y con height:100% ya lo he probado, pero sigue igual.