Pie de página abajo de la pantalla

Encontré muchos artículos sobre este tema, pero ninguno funcionará para mí, quiero hacer un pie de página que esté en la parte inferior de la pantalla cuando el contenido no sea lo suficientemente grande, pero cuando el contenido sea más largo que la pantalla que mi pie de página permanece debajo del contenido y no se pega en la parte inferior de la pantalla.

¡Gracias por adelantado!

Aquí hay otro ejemplo de cómo hacerlo, funciona bien en todos los navegadores AFAIK. http://peterned.home.xs4all.nl/examples/csslayout1.html

Editar: No soy el autor, solo me busqué algo así hace algún tiempo.

En realidad, es bastante fácil hacerlo solo con CSS, aunque existen algunas restricciones menores. Aquí hay una demostración de cómo se hace (ver fuente para obtener el código):

http://www.pmob.co.uk/temp/sticky-footer-ie8new-no-table.htm

Aquí hay una explicación detallada de cómo funciona, en caso de que lo necesite:

http://www.sitepoint.com/forums/showthread.php?171943-CSS-FAQ-Tips-etc-Please-read-before-posting!&p=1239966#post1239966

EDITAR: Prueba CSS Sticky Footer : es agradable y solo CSS.

Si quieres experimentar, absolute propiedad de posición CSS absolute también podría funcionar. Checkout MDN docs :

 #footer { position: absolute; bottom: 0; } 

– hazlo por javascript

– ejemplo

 
your page