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

[djemili]

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?

[emprear]

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

SAludos

[djemili]

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;
}

[emprear]

Iniciado por djemili

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

[djemili]

No era eso pero gracias, he aprendido una cosa interesante con lo que has puesto ;)