Foros del Web » Creando para Internet » CSS »

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

Estas en el tema de ¿Cómo mantener el footer en la parte inferior del navegor? en el foro de CSS en Foros del Web. Hola,trato de hacer una interfaz sencilla. La estructura será la siguiente @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código HTML: Ver original < body >         < ...
  #1 (permalink)  
Antiguo 03/11/2011, 18:40
 
Fecha de Ingreso: agosto-2009
Mensajes: 134
Antigüedad: 13 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.         <div id="header-wrapper">
  2.             <div class="container"></div>
  3.         </div>
  4.         <div id="content-wrapper">
  5.             <div class="container"></div>
  6.         </div>
  7.         <div id="footer-wrapper">
  8.             <div class="container"></div>
  9.         </div>
  10. </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!
  #2 (permalink)  
Antiguo 03/11/2011, 19:11
Avatar de DataLore  
Fecha de Ingreso: junio-2008
Mensajes: 58
Antigüedad: 14 años, 7 meses
Puntos: 5
Respuesta: ¿Cómo mantener el footer en la parte inferior del navegor?

Prueba con

Código CSS:
Ver original
  1. #footer-wrapper{
  2.        bottom: 0;
  3.        position: absolute;
  4. }
  #3 (permalink)  
Antiguo 04/11/2011, 06:26
 
Fecha de Ingreso: agosto-2009
Mensajes: 134
Antigüedad: 13 años, 5 meses
Puntos: 3
Respuesta: ¿Cómo mantener el footer en la parte inferior del navegor?

Funciona perfecto!
Gracias!!!
  #4 (permalink)  
Antiguo 06/11/2011, 08:55
Avatar de DataLore  
Fecha de Ingreso: junio-2008
Mensajes: 58
Antigüedad: 14 años, 7 meses
Puntos: 5
Respuesta: ¿Cómo mantener el footer en la parte inferior del navegor?

De nada!
  #5 (permalink)  
Antiguo 06/11/2011, 11:55
 
Fecha de Ingreso: noviembre-2011
Mensajes: 6
Antigüedad: 11 años, 2 meses
Puntos: 0
Respuesta: ¿Cómo mantener el footer en la parte inferior del navegor?

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

Etiquetas: contenido, footer, fondo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:52.