Foros del Web » Creando para Internet » CSS »

div pie de página que se alargue hasta el final

Estas en el tema de div pie de página que se alargue hasta el final en el foro de CSS en Foros del Web. Hola, tengo un pie de página con los típicos enlaces a las secciones de la web, copylefts, etc. Se ve bien siempre que la página ...
  #1 (permalink)  
Antiguo 10/01/2012, 10:53
Colaborador
 
Fecha de Ingreso: mayo-2004
Mensajes: 152
Antigüedad: 19 años, 11 meses
Puntos: 26
Pregunta div pie de página que se alargue hasta el final

Hola,

tengo un pie de página con los típicos enlaces a las secciones de la web, copylefts, etc. Se ve bien siempre que la página que se está visualizando tenga al menos tanto contenido como para ocupar toda la ventana del navegador o más. El problema es en las páginas cuyo contenido ocupa menos. En ese caso, el div del footer se acaba, y luego queda el resto de página en blanco. Yo lo que quiero es que ese espacio se rellene con el color de fondo del div del pie. Es decir, que el div sea tan largo como sea necesario para ocupar todo ese espacio hasta el final de la ventana.

Una solución sería cambiar el color de fondo en el body, pero eso me genera todo otro tipo de problemas ya que lo que estoy haciendo es añadir un pie de página a una página que se genera vía otro software. Y prefiría tocar las plantillas del otro software lo mínimo posible.

He probado asignando un height 100% pero solo abarca hasta donde haya texto interno en el div. También he probado de darle un valor muy alto, height 600px, pero entonces en las páginas largas hay un espacio al final sin sentido. Hay alguna forma de decirle al div que sea suficientemente largo cuando la página es corta?
__________________
Comprar impresoras 3D
  #2 (permalink)  
Antiguo 10/01/2012, 11:13
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 9 meses
Puntos: 1567
Respuesta: div pie de página que se alargue hasta el final

Sería má correcto que nos pasaras tu código para visualizar el problema

SAludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #3 (permalink)  
Antiguo 10/01/2012, 11:19
Colaborador
 
Fecha de Ingreso: mayo-2004
Mensajes: 152
Antigüedad: 19 años, 11 meses
Puntos: 26
Respuesta: div pie de página que se alargue hasta el final

La página es esta: http://wiki-es.bcndynamics.com/doku.php
en este caso es el wiki, pero en otros casos es el foro o la tienda. Y me da un poco de miedo tener que tocar el body en cada uno o tener que tocar cosas de los css originales.

El código del footer es este:
Código:
#bdynfooter {
height: 10px !important;
padding: 10px 15px !important;
background: #333 !important;
border-top: 2px #393 solid !important;
color: #999;
}
__________________
Comprar impresoras 3D
  #4 (permalink)  
Antiguo 10/01/2012, 11:51
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 9 meses
Puntos: 1567
Respuesta: div pie de página que se alargue hasta el final

Cita:
Iniciado por djemili Ver Mensaje
La página es esta: http://wiki-es.bcndynamics.com/doku.php
en este caso es el wiki, pero en otros casos es el foro o la tienda. Y me da un poco de miedo tener que tocar el body en cada uno o tener que tocar cosas de los css originales.

El código del footer es este:
Código:
#bdynfooter {
height: 10px !important;
padding: 10px 15px !important;
background: #333 !important;
border-top: 2px #393 solid !important;
color: #999;
}
fijate si esto te sirve
#bdynfooter {
height: 10px !important;
padding: 10px 15px !important;
background: #333 !important;
border-top: 2px #393 solid !important;
color: #999;
position: fixed; bottom:0; left: 0; width: 100%;
}

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #5 (permalink)  
Antiguo 10/01/2012, 17:25
Colaborador
 
Fecha de Ingreso: mayo-2004
Mensajes: 152
Antigüedad: 19 años, 11 meses
Puntos: 26
Respuesta: div pie de página que se alargue hasta el final

No era eso pero gracias, he aprendido una cosa interesante con lo que has puesto ;)
__________________
Comprar impresoras 3D

Etiquetas: bottom, footer, height, pie
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 11:17.