Ayuda con el alto de mi pagina

[sanxuan]

Esta es otra alternativa que incluye footer dentro de main:

Código CSS:

.main {
    margin: 0 auto;
    min-height: 100%;
    padding: 0;
    position: relative;
    width: 100%;
    padding-bottom:72px;/* El ancho del footer. Es necesario para que footer no se superponga al contenido de main */
}
#footer {
    background-color: #F4F2E8;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0; /* Usamos posición absoluta para colocar el pie al final de main */
    text-align: left;
    width: 100%;
    height:72px; /* Es necesario dar un alto fijo al pie para usar un padding en main*/
}
 

Te pongo sólo las reglas que varian respecto al código que incluiste al principio.