[Résolu] CSS, container et footer (la honte)

Hello !
Problème bâteau, mais j'ai un sévère trou de mémoire et plus j'insiste plus je fais des âneries.
Le but du jeu:
Si le contenu du milieu est faible, le footer doit rester collé en bas de page.
Si le contenu est plus long que l'écran, le footer reste aussi collé en bas de page.
http://www.demonaz.info/
Actuellement le problème est le suivant: si le contenu qui est au milieu est plus grand que la page, le footer reste collé à sa position initale, donc tout le contenu passe sous le footer...

Je précise que je voudrais garder ma page centrée, ce qui ne simplifie pas le tout..
Modifié par BruceFeuillette (14 Apr 2006 - 14:32)

le footer est en positiopn absolute, normal que le contenu passe dessus.
essaie d'utiliser plutot les height:100%;et min-height:100%;

Bon, j'ai résolu en farfouillant partout.
J'ai mis des

min-height: 100%; /* For Modern Browsers */
height: auto !important; /* For Modern Browsers */
height: 100%; /* For IE */

dans mon éléments container.
Mais le chevauchement persistait, j'ai donc inclus un DIV vide contenant un espace insécable après mon élément centre avec le CSS suivant:

#vide
{
clear: both;
min-height: 25px; /* For Modern Browsers */
height: 25px !important; /* For Modern Browsers */
height: 0px; /* For IE */
}
#footer_container
{
float: left;
}

Et voilà !
Je n'ai pas encore étudié le comportement du code pour comprendre qui se place où, mais ça fonctionne.

Edit: pour contourner un bug sous IE, j'ai placer mon footer dans un DIV#container_footer qui a droit à flottement à gauche.
Ca marche nickel maintenant.
Modifié par BruceFeuillette (14 Apr 2006 - 14:32)