Tema: ¿Cómo mantener el footer en la parte inferior del navegor?
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 03/11/2011, 18:40
dpbataller
 
Fecha de Ingreso: agosto-2009
Mensajes: 134
Antigüedad: 15 años, 5 meses
Puntos: 3
¿Cómo mantener el footer en la parte inferior del navegor?
Hola,trato de hacer una interfaz sencilla.
La estructura será la siguiente

Código HTML: 
Ver original
  1. <body>
  2.         <div id="header-wrapper">
  3.             <div class="container"></div>
  4.         </div>
  5.         <div id="content-wrapper">
  6.             <div class="container"></div>
  7.         </div>
  8.         <div id="footer-wrapper">
  9.             <div class="container"></div>
  10.         </div>
  11. </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
  1. #header-wrapper {
  2.     width:100%;
  3.     height:70px;
  4.     background-color:#f5f5f5;
  5. }
  6. #content-wrapper{
  7.  
  8. }
  9. #footer-wrapper{
  10.  
  11. }
  12. .container {
  13.     width:960px;
  14.     margin-left:auto;
  15.     margin-right:auto;
  16. }

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!