lunes, 19 de octubre de 2009

Footer siempre a tus pies

Footer a tus pies...Como freelancer, a veces me tocan desarrollos que son todo un desafío. En esta ocasión, me pidieron un Footer que siempre quede sobre la base del navegador, algo así como el de Facebook. Por supuesto, fui a la fácil: le agrego position:absolute y luego z-index para que siempre quede arriba, y todos felices. El tema es que no siempre queda al final de todo cuando el contenido es dinámico. ¿Y ahora?

Buscando ejemplos en la web, me encuentro con un par de sitios que prometen con solo el buen uso del CSS, hacer que nuestro footer quede siempre en la base de la ventana del navegador. Ok, lo probé, y voilá, quedó diváin!! Pero ojo a la diferencia: el Footer queda siempre en la base pero no es visible si el contenido supera el tamaño de la ventana del navegador (o sea que hay que scrollear para verlo). Pero si hay poco contenido... también se queda pegadito a la base. La diferencia con el footer de Facebook está en la posición: absoluta o fija.

Lo mejor de esto es que no es necesario usar ningún script, todo se logra con CSS puro y tampoco necesita hacks, es válido para todos los navegadores... sí, inclusive para los IE's desde el 5.5 en adelante.

Ver ejemplos, demos y código en: Boag World | Get down!

Sean felices y viva la vida de freelancer

,-·*’°§ P0rTeña §°’*·-,
_

1 comentario:

Amse dijo...
Este blog ha sido eliminado por un administrador de blog.