![Antiguo](http://static.forosdelweb.com/fdwtheme/images/statusicon/post_old.gif)
25/06/2005, 13:37
|
![Avatar de tunait](http://static.forosdelweb.com/customavatars/avatar3543_1.gif) | Moderadora | | Fecha de Ingreso: agosto-2001 Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 23 años, 5 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 |