[SOLUCIONADO] Problemas con divs

juanleonardo · #1 (**permalink**) 27/03/2015, 18:03

Buenas noches, una consulta

Tengo dentro del body de una pagina 3 div,
el primero es el header,
el tercero es el footer y
el segundo es el contenido de la pagina.

Nose que propiedades agregar para q el segundo div ocupe el resto de la pagina por ej: el header ocupa una parte de la pagina como lo hace el footer, cuando veo el contenido en el navegador debajo del footer hay un espacio en blanco.

Espero puedan ayudarme. Saludos.

NueveReinas · #2 (**permalink**) 27/03/2015, 18:09

Prueba con esto: http://www.cssreset.com/how-to-keep-...page-with-css/

Dejo el código por si algún día la página no está disponible:

Código HTML:

Ver original<body>
    <div id="wrapper">
        <div id="header"></div>
        <div id="content"></div>
        <div id="footer"></div>
    </div>
</body>

Código CSS:

Ver originalhtml,
body {
    margin:0;
    padding:0;
    height:100%;
}
#wrapper {
    min-height:100%;
    position:relative;
}
#header {
    padding:10px;
    background:#5ee;
}
#content {
    padding:10px;
    padding-bottom:80px;   /* Height of the footer element */
}
#footer {
    width:100%;
    height:80px;
    position:absolute;
    bottom:0;
    left:0;
    background:#ee5;
}

Código CSS:

Ver original<!--[if lt IE 7]>
    <style type="text/css">
        #wrapper { height:100%; }
    </style>
<![endif]-->

Saludos.

AngelKrak · #3 (**permalink**) 27/03/2015, 21:16

muy buena amigo, no se ve me habia ocurrido eso del Bottom para el Footer >_< es como un buen Fix jajaja xD

demo:
http://codepen.io/AngelKrak/pen/LEaWyg

pzin · #4 (**permalink**) 28/03/2015, 03:03

Una solución más elegante: https://css-tricks.com/snippets/css/sticky-footer