entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

1voto

Espacio entre header y footer

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.

1 Respuesta

1voto

Peter Puntos143160

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>

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta