¿Cómo mantener el footer en la parte inferior del navegor?

dpbataller · #1 (**permalink**) 03/11/2011, 18:40

Hola,trato de hacer una interfaz sencilla.
La estructura será la siguiente

Código HTML:

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

Mi intención es que tenga, un header, un contenido y un footer pero que esté centrado, por eso uso la clase container.
Mi código css es:

Código CSS:

Ver original#header-wrapper {
    width:100%;
    height:70px;
    background-color:#f5f5f5;
}
#content-wrapper{
 
}
#footer-wrapper{
 
}
.container {
    width:960px;
    margin-left:auto;
    margin-right:auto;
}

El "problema " es que me gustaría fijar el footer al final del navegador pero que no salga el scroll vertical pero no se como dejarlo fijo.

¿Alguna idea?
Gracias!

DataLore · #2 (**permalink**) 03/11/2011, 19:11

Prueba con

Código CSS:

Ver original#footer-wrapper{
       bottom: 0;
       position: absolute;
}

dpbataller · #3 (**permalink**) 04/11/2011, 06:26

Funciona perfecto!
Gracias!!!

DataLore · #4 (**permalink**) 06/11/2011, 08:55

De nada!

jsebastiann · #5 (**permalink**) 06/11/2011, 11:55

llevo tratando de hacer lo mismo.....
puedes mostrar el sitio para ver como quedó... :) ?