Mantener footer siempre debajo teniendo contenido dinámico

[catucux]

Usas html5? Si es asi lo que puedes configurar la etiqueta footer.

Quedaria algo asi:

Código HTML:

<footer>
     <section>
           Mi contenido para el footer.
     </section>
</fooer>
 

Y tu css quedaria asi:

Código CSS:

footer{
    width: 100%;
    min-height: 50px;
    display: block;
}
 
footer section{
    width: 750px;
    margin: 0 auto;
}
 

Nota: Para que quede siempre abajo todos los bloques que utilizaste en tu sitio web (section, div) deben estar en "display:block" si tienes alguno con "float:left" no funcionara.

Saludos.