Footer se situa encima de las barras laterales

[Marti1982]

Hola que tal, vereis tengo un problema con el diseño de mi pagina, a ver si me explico:

Tengo 2 laterales de ancho fijo, usando "position:absolute" y el contenido central es liquido.
En la pagina principal, el footer se situa bien, ya que la altura del contenido, es más largo que el de los 2 laterales, al contener todas las noticias de la portada. El problema viene al escribir una pagina individual, la cual la altura de su contenido es menor que uno de los laterales, pues bien cuando acaba el contenido de esta pagina, carga el footer, situandolo así debajo del contenido, pero encima de 1 de los 2 laterales que es mas largo.

A ver si alguien me puede echar una mano, ya que llevo horas intentando resolverlo y nada. Muchas gracias desde ya :)

[willyfc]

puedes poner tu código o colgar algo en la red para ver que podemos hacer

[DragonX]

a tu #footer{} ponele clear:both;

[Mikmoro]

a tu #footer{} ponele clear:both;

Dudo que funcione así porque las columnas tienen posición absoluta, de manera que no ocupan espacio físico, aunque lo cierto ee que no lo he probado.

Marti1982, quizá te interese leer este artículo

http://www.forosdelweb.com/f53/faqs-...ml#post2576668

[Marti1982]

Hola de nuevo.

DragonX: Lo de clear:both no funciona, lo he probado por si las moscas pero nada.
Mikmoro: Gracias por la aportacion, en cuanto pueda le echaré un vistazo, ya que acabo de conseguir solucionarlo, despues de tantas horas me ha venido a la cabeza algo simple que ha resultado: ponerle al contenido liquido un "min-height" con la altura que hace el lateral más alto. Supongo que es un truco algo rudimentario porque para empezar, si meto más secciones en la barra lateral, tendré que volver a retocar el min-height del contenido, pero de momento me vale
Gracias a todos.

[Mikmoro]

Lo únco comprueba con IE6, 7, Chrome, etc.

Creí que querías que siempre quedara abajo independientemente del contenido, como en el enlace que te he pasado, pero ahora veo que no.

[Marti1982]

Mikmoro, gracias por avisar, lo he probado en IE y, efectivamente, no funciona como en firefox :(. Yo que pensaba que ya estaria solucionado...

Alguien sabe como hacer para que el IE respete el "min-height" como en firefox? Gracias de antemano!

[Marti1982]

He probado un pequeño hack que he encontrado en el foro para que funcione en IE, que es el siguiente:

.tuclase{min-height:1060px}
* html .tuclase{height:1060px}

pero no pasa nada, IE sigue sin respetar esa altura :(

[Mikmoro]

Pruébalo así:

.tuclase {min-height:1060px;
height: auto!important;
height: 1060px;
}

(es que ya sabía que no funcionaba en IE6, pero he preferido esperar a que lo vieras por ti mismo, que es como uno graba las cosas mejor.)

[Marti1982]

Vale, ahora si que sí. Probado en IE y funciona correctamente, ahora me falta probar en otros navegadores como chrome, aunque supongo que no seran tan "puñeteros" como el IE y cargarán bien el footer, por lo que doy el asunto como terminado.

Muchas gracias por tu inestimable ayuda Mikmoro, seguro que ahora se me quedará bien grabado para otra vez ;)

[Marti1982]

Tan solo añadir que en IE he tenido que añadir casi 200px más de altura, no se, yo diría que mientras en Firefox esta altura empieza a contar bajo el header, en IE se tiene que contar la altura desde arriba del todo, header incluido.

Así me ha quedado para conseguir el mismo resultado en ambos:

#content {min-height:1060px;
height: auto!important;
height: 1215px;
margin: 0px 324px 0px 145px;
padding: 0px;
}

[Mikmoro]

Ah, pues quizá, eso ya depende del resto del código, que habría que ver para saber seguro.
Me alegro de que lo hayas solucionado.

Saludos.