Question

Tengo 3 divs, un header, contenido y footer. El header y footer son de 50 pixeles. ¿Cómo puedo hacer para que el div del footer se quede siempre al fondo sin importar el div contenido, es decir, que el div contenido siempre llene el espacio en medio tenga o no contenido.

Answer 1

Prueba con esto:

html, body { 
    height: 100%; 
} 

#header{
    height: 100px;
}

#contenido{
    min-height: 100%; 
    height: auto !important;
    height: 100%; 
    margin: 0 auto -100px;
    vertical-align:bottom;
}

#footer, #push{
    height: 100px;
}

<div id="contenido">
    <div id="header">
        Header
    </div>
    Contenido
    <div id="push"></div>
</div>
<div id="footer">
    Footer
</div>