- Konqueror: Correcto
- Mozilla 1.7.11: Correcto
- Firefox 2.0: Correcto
- IE 7: Correcto
Una explicación un poquillo más extensa:
Si una propiedad lleva puesto important, significa que si hay otra igual en el estilo, prevalezca por encima de la segunda. De esa manera, si pones un height seguido de important y luego otra vez height sin más, los navegadores inteligentes harán caso a la que lleva important (la palabra en sí es muy clara).
¿Para qué sirve en este caso? Explorer no entiende la propiedad important, entonces siempre hace caso a la última propiedad que encuentre, de manera que si encuentra:
height: auto !important;
height: 92%;
Primero lee "auto", después lee "92%" para esa propiedad, y es la que interpreta. Los demás navegadores saben que aunque "92%" se lea después, deben ejecutar "auto" porque lleva ! important, pero explorer no, así que tenemos que Firefox interpreta height: auto; y explorer height: 92%;. Así de simple.
Lo del 92% es que como el pie está colocado fuera del contenedor, si pusieramos 100% el alto total sería de 100% + el alto del pie, es decir, siempre quedaría fuera de la vista, forzando el scroll, aunque el contenido fuera escaso. El 92 se debe al tamaño concreto del pie (3em), que habría que cambiar en función de este.
Mikel.