Es un efecto muy bueno y no hay muchos sitios que lo implementen. El uso de un footer fijo tiene muchas utilidades además de ser algo muy bonito ^_^. Piensen que tendrán una cantidad de opciones, enlaces y demás todo el tiempo al alcance del usuario.
CSS Sticky Footer es un script de CSS listo para que copies y pegues en tu proyecto web. La mayor ventaja es que funciona con Internet Explorer 5, 6, 7 y 8, además de Firefox, Opera y Safari, entre otros.
CSS Sticky Footer: un footer fijo con estilos CSS
Agrega las siguientes lÃneas de código CSS a tu hoja de estilos. El valor negativo para el margen en .wrapper es el mismo número que el alto de .footer y .push. El margen negativo siempre deberÃa ser igual que la altura total del footer (incluyendo paddings o bordes que hayas o no agregado).
|
En tu HTML, sigue la siguiente estructura. Nada del contenido puede estar fuera de .wrapper ni de .footer salvo que ya esté posicionado por medio de CSS:
|
¿Tienes problemas?
- Agregar márgenes a los elementos puede ser un lÃo. Usa
paddingen su lugar y se solucionarán todos tus problemas. - Si no te funciona con “x” navegador, chequea que esté soportado y si has copiado bien el código.
Las propiedades height: auto !important; y height: 100%;
Ya sé que anda perfecto sin ellas. Son simplemente un pequeño hack para que el footer funcione en Internet Explorer 6, asà que ¡No las elimines!
Haz clic aquà para ver un ejemplo de cómo queda este efecto.








Viernes, 16 de Mayo de 2008 a las 18.53
Uyyy muy bueno! capaz le dé algún tipo de uso alguna vez
buenisimo, gracias!
Sábado, 14 de Junio de 2008 a las 15.50
NORMALmente buscamos estilos seguros , estos son uno de ellos
faciles de implementar
gracias
Lunes, 16 de Junio de 2008 a las 15.14
Hay que agradecer y felicitar a Ryan Fait por permitirnos usar sus modelos prediseñados.Ojala todos fuesen asi con sus esposas