Ver Mensaje Individual
  #9 (permalink)  
Antiguo 25/06/2005, 13:37
Avatar de tunait
tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 22 años, 7 meses
Puntos: 381
Básicamente se corrige si le quitas la altura de 100% al contenedor principal.
También se corrige si le quitas el bottom: 0px al contenedor pie

Si yá tienes aplicado un min-height: 100% a ese contenedor no necesitas aplicarle además el 100% (al menos para otros navegadores que no sean IE).

Mi teoría, que no sé si será correcta, pero parece que entiende ese 100% como el 100% de la altura de la ventana. O tal vez entiende el 100% del html > body y a estos les aplicó como altura el 100% de la altura de la ventana. Luego los contenidos del documento sobrepasan esa altura. El pie al estar posicionado en forma absoluta y pedirle un bottom a 0 pues lo coloca ahí, independientemente de si está al final del documento o no.

Al quitarle la altura al contenedor principal el pie se muestra donde se inserta y además si le das un bottom 0 lo pone igual en el 0 del contenedor principal, que lo ha tomado automáticamente.

Mira, le pedí con javascript que me indicara la altura del contenedor principal

Si le quito el height: 100% me devuelve

570

Si le aplico el height: 100% me devuelve:

445

Si quito al navegador la barra de navegación me da

483

Si además saco la barra de developer;

509

si le pongo todas las barras (developer, navegación y de marcadores):

419

Es decir, la altura del contenedor es siempre el área visual y al poner el pie en bottom: 0 lo coloca en la parte inferior del área visual, aunque quede por encima de otros contenidos que queden más abajo.

Por cierto que estas pruebas las hice con firefox 1.0.4