Yo pondría la estructura/marcado de la siguiente forma:
<div id="contenedor">
<div id="cabecera"></div>
<div id="menu"></div>
<div id="contenido"></div>
</div>
<div id="pie"></div>
¿Por qué el pie fuera del contenedor? Mira el CSS.
Después, en el css:
html, body {
height: 100%;
}
#contenedor{
min-height: 100%; /*esta propiedad no la soporta IE6*/
}
* html #contenedor { /*Hack para IE6*/
height: 100%;
}
#pie {
position: relative:
height: 20px; /*la altura que necesites para el pie*/
margin-top: -20px; /*la altura del pie pero en negativo*/
}
Bueno, creo que te he hecho los deberes ;-)
Espero que te sirva.
Salu2.
-----Mensaje original-----
De: Yubén [mailto:[EMAIL PROTECTED]
Enviado el: martes, 29 de enero de 2008 14:17
Para: [email protected]
Asunto: [Ovillo] Problemas con heigth 100%
Buenas a todos
Tengo el siguiente conflicto, tengo varios div, todos con un alto fijo
y uno de ellos quiero que se adapte con height al 100% a resto de la
ventana del navegador:
Para que se entienda bien pongo un ejemplo:
Cabecera: 100px de alto
Menu: 50px de alto
Contendios: alto del resto de la ventana¡, lo intento conseguir con
el heigth al 100%
Pie: 150px alto
El motivo para querer hacer esto es que la capa pie, quiero que este
siempre pegada en la parte de abajo de la ventana, aunque el contenido
no sea el suficiente para que esto ocurra.
Inicialmente tenia un problema que me ignoraba el heigth de la capa
contenidos, al final lo solucione poniendo heigth al 100% también al
body.
el problema que tengo ahora vine por lo siguiente:
Todo funciona bien si no fuera porque la capa contenidos coje el 100%
que tiene body, sin restar lo que ya han cogido las capas con alto
fijo, con lo que se me genera un scroll vertical en la pagina, sin ser
necesario.
Alguien se a encontrado con este problema, agradecería una ayuda
un saludo
yubén
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.516 / Virus Database: 269.19.16/1250 - Release Date: 29/01/2008
22:20
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
