Ver Mensaje Individual
  #1 (permalink)  
Antiguo 23/07/2010, 10:07
manos_80
 
Fecha de Ingreso: junio-2010
Mensajes: 9
Antigüedad: 14 años, 5 meses
Puntos: 0
Pregunta Div Contenido con Height variable (liquido?)

Hola a Toda la Comunidad! Otra vez dando guerra, espero me puedan ayudar o bien guiarme al camino correcto...

Ya le pregunte a mi amigo Google y no me supo responder (o a lo mejor no "supe entender"); y aqui en los forosdelweb encontre la pag de araudi.net (3 cajas height 100% con scroll) que en Safari, Chrome, y IE7 si funciona pero en IE8 no... (raro no?)

IE8 no aparece scroll cuando tengo resolucion 800x600 y no muestra PIE y si tengo 1280x720 hay un espacio vacio entre el Div PIE y la barra de estado...

Esto tiene araudi:
<style type="text/css">
html, body { height: 100%;
overflow: hidden;
margin: 0;
}
#superior { background-color: #ff0;
font-size: 9px;
position: relative;
height: 80px;
}
#inferior { background-color: #ff0;
font-size: 9px;
width: 100%;
height: 80px;
position: absolute;
bottom: 0;
}
#central { background-color: #33f;
overflow: auto;
position: absolute;
width: 100%;
top: 80px;
bottom: 80px;
}
</style><!--[if IE]>
<style>
#superior {
height: 14%;
}
#inferior {
position: relative;
height: 14%;
}
#central { position: relative;
height: 72%;
top: 0px;
bottom: 0px;
}
</style>
<![endif]-->
</head>
<body>
<div id="contenedor">
<div id="superior">SUPERIOR</div>
<div id="central">central<br />
central<br />
central<br />
central<br />
central<br />
central<br />
central<br />
central<br />
central<br />
central<br />
central<br />
central<br />
central<br />
central<br />
central<br />
central<br />
central<br />
central<br />
central<br />
central<br />
central<br />
central<br />
central<br />
central<br />
central<br />
central<br />
central<br />
</div>
<div id="inferior">INFERIOR</div>
</div>
</body>
</html>

En otras palabras:
2 DIVS con Altura (height) Fija: Cabeza y Pie.
2 DIVS con Altura Liquida: Contenedor y Contenido. Donde dependiendo de la resolucion de cada visitante la pagina siempre ocupe toda la pantalla en lo vertical.

Se agradece por adelantado!

pd. si creen que estoy muy tonto... no se equivocan . Pero intento ser cada dia "menos tonto"...

Última edición por manos_80; 23/07/2010 a las 10:43