Cómo poner el footer sieMpre abajo??

emimayoral · #1 (**permalink**) 27/09/2009, 17:24

Hola!!
Estoy desarrollando mi primera web con css y tengo la siguiente duda:
He creado varios divs y uno de ellos es el footer, Cómo hago para que permanezca siempre debajo del todo sin mezclarse con los divs anteriores a él??

En total he creado:
un div página (q engloba todo)
un div cabecera (la cabecera superior)
un div navegación (en la izquierda para botones)
un div contenido ( central)
un div links (derecha)
y el footer.

La cuestión es q cuando escribo texto en el contenido, el div éste se mezcla en su parte inferior con el footer. Por lo tanto tendría q estar moviendo siempre elfooter de sitio.

He probado con bottom: 0px; y se me va para arriba del todo.

Gracias!!

AlbertoGarcia · #2 (**permalink**) 27/09/2009, 17:36

Prueba a darle al #footer clear:both y por aquí tienes algunos ejemplos para que permanezca siempre abajo en la ventana del navegador aunque tengas poco contenido:

Sticky Footer y en la página de uno de los colaboradores del foro Araudi.net.

Salud!

mayid · #3 (**permalink**) 27/09/2009, 20:12

Que elementos de tu pagina tienen position: absolute?

Para que no se superpongan, debieras evitar sacarlos de su posicion relativa, hasta que les tomes la mano a estas cosas al menos.

emimayoral · #4 (**permalink**) 28/09/2009, 03:00

Cita:

Iniciado por mayid

Que elementos de tu pagina tienen position: absolute?

Para que no se superpongan, debieras evitar sacarlos de su posicion relativa, hasta que les tomes la mano a estas cosas al menos.

Todos tienen absolute menos el div principal (el que engloba todo) que tiene relative para que permanezca la we centrada.

Mikmoro · #5 (**permalink**) 28/09/2009, 03:40

Mira en esta FAQ de CSS, que seguramente te servirá de orientación sobre cómo hacerlo.