Maikel Naigt wrote:
html { height: 100%; }
body { height: 100%; }
#container { min-height: 100%; padding-bottom: 30px; }
#footer { bottom: 0; position: fixed; }
/* Hacks para aplicar propiedades a IE unicamente */
* html { overflow: hidden; }
* html body { overflow: auto; }
* html #container { height: 100%; }
* html #footer { position: absolute; }
/* Fin de Hack */
Casi un tutorial lo tuyo Maikel, felicitaciones.
Dejame crear la version sin hacks, que sería asi:
Aca aplico la modificacion del scroll directamente a todos los navegadores, porque el
sistema del child selector no funciona con "html" porque en los navegadores
standard, html no es hijo de nada. Igualmente funcionaría de forma correcta.
html {
height: 100%;
overflow: hidden;
}
body {
height: 100%;
overflow: auto;
}
#container {
height: 100%;
padding-bottom: 30px;
}
#footer {
bottom: 0;
position: absolute;
}
/* uso un child selector, que IE no entiende, pero el resto
si para aplicar las propiedades correctas de CSS */
body > #container {
min-height: 100%;
}
body > #footer {
position: fixed;
}
Voilà ... CSS válido, se ve bien en IE, en los demás*, y no tiene Hacks!
* No hay garantías en realidad, no lo probé.
--
Martin Szyszlican
www.y.net.ar
___________________________________________________________
1GB gratis, Antivirus y Antispam
Correo Yahoo!, el mejor correo web del mundo
http://correo.yahoo.com.ar
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
