Cómo hacer un footer que se mantenga pegado al pie de página

Después del cambio de contenido en el blog, he visto en Analytics que hay lectores que siguen buscando este tema, así que acá coloco un update del post que está en Cardillo y Kiwi.

Este es un tema que siempre me ha vuelto loco, sobre todo porque todos los navegadores ven el diseño diferente si no tienes cuidado. En especial Internet Explorer.

Muchísimas veces cuando diseñas para CSS debes implementar un footer o pie de página que se debe mantener siempre al extremo inferior de la página, independientemente del contenido o alto que tenga el documento html.

Después de buscar harto en Google di con la respuesta que puede ser una amalgama de varias fuentes, básicamente consiste en crear tres  <div> para el contenido y otros dos para el footer y luego ponerle los estilos. Mi relación con las hojas de estilo todavía sigue siendo de amor-odio y no logro entender qué es lo que hace exactamente, pero este código es una maravilla y funciona casi perfecto.

Puedes bajarte el ejemplo haciendo clic acá. Es un archivo rar que contiene un html y su hoja de estilos, para que lo analices y lo uses en tus proyectos.

Update: Si bien el archivo de arriba es una especie de frankenstein de varios artículos que encontré, creo que quien se merece todo el crédito es esta web: http://www.cssstickyfooter.com/

Ahí puedes encontrar más información y actualizaciones de la hoja de estilos.

Artículos similares:

None Found