Pie de página abajo del navegador con CSS

Ryant Fait nos presenta un sistema compatible con la mayoría de navegadores para rezliar el típico pie de pagina que se coloca siempre que haya poco contenido en la parte inferior, muy util cuando trabajamos con páginas que no trabajan con todo el alto del navegador.


Contenido del CSS
* {
margin: 0;
}
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -142px; /* the bottom margin es el valor negativo de la altura del footer */
}
.footer, .push {
height: 142px; /* .push tiene la misma altura que footer */
}

Como podeís ver utiliza 1 contenedor para Header y Content llamado wrapper, justo antes de cerrar wrapper intruduce otro contenedor con la clase .push que es la que nos marcara el espacio que ha de ocupar el footer sistema muy ingenioso y que funciona correctamente, no os olvideis de darle el alto 100% al body y html.

ejemplo:Sticly-Fait

Enlaces Relacionados

• @font-face define tu fuente en la web
• Adobe Browserlab comprobación de tu web en varios navegadores.
• configura y diseña tu perfil de myspace
• La utilización de em en las fuentes para web
• 10 trucos de CSS para conquistar el mundo