Deberías probarlo, porque no funciona como se espera, sobre todo en Opera
8.5. El 'overflow: hidden' en HTML no le gusta. Lástima. Tampoco agrada
mucho el 'height: 100%' en #container para FF y Opera
Ya pensé yo en utilizar el child selector (a mis ojos no deja de ser un
hack, aunque hay que reconocer que tiene más "posibilidades" de futuro) para
evitar el Star Hack, pero como muy bien señalas, el elemento HTML no es hijo
de nadie (hasta que IE reconozca el child selector, que entonces será hijo
de *, xD), con lo cual eliminé esta posibilidad. Se puede, de todas maneras,
emplear otro truco consistente en utilizar :first-child en el elemento HTML
que, de nuevo, solo ven los navegadores. Pero insisto, por más que obtenga
lo que quiero con artimañas más o menos estándares, para mi no dejan de ser
eso, artimañas. En un futuro en el que IE respete todo como debe (JAJAJA) es
posible que la página se siga visualizando correctamente sin necesidad de
modificar el CSS utilizando estas artimañas pero también es posible que no.
Solo el tiempo lo dirá.
En fin, como no quiero dejar las cosas a medias, y para todos los amantes de
lo "correcto", ahí va la propuesta sin el Star Hack.
html { height: 100%; overflow: hidden; }
html:first-child { overflow: inherit; }
body { height: 100%; overflow: auto; }
#container { height: 100%; min-height: 100%; padding-bottom: 30px; }
body>#container { height: auto; }
#footer { bottom: 0; position: absolute; }
#container>#footer { position: fixed; }
Un saludo, David Merino.
On 12/20/05, Martin Szyszlican <[EMAIL PROTECTED]> wrote:
>
> 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
>
_______________________________________________
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
