Le contenu principal de la page saigne sur le pied de page? (uniquement dans IE7)

Question

Sur mon page, le contenu principal chevauche le pied de page. cela ne se passe que dans IE7. Cela fonctionne bien dans ie8, ff, chrome. Des idées sur ce qu'est le problème?

Merci.

Answer 1

IE9.js tente de forcer IE 7 à respecter les déclarations height: 100% qui sont réellement erronées.

La hauteur de votre contenu doit être définie sur auto au lieu de 100% car vous ne voulez pas qu'il soit à 100% de la hauteur du conteneur, vous voulez qu'il s'adapte à tous vos contenus.

Voici les modifications à faire dans main_red.css (j'ai seulement inclus les parties modifiées).

à la ligne 26:

#content_container 
{ 
    background:url(../assets/images/main-layout/logo_bg_red.gif); 
    height:auto; 
} 
#inner_content_container 
{ 
    background:url(../assets/images/main-layout/content_bg_red.gif) repeat-y center; 
    height:auto; 
} 

À la ligne 231:

#content 
{ 
    padding-top:2px; 
    height:auto; 
    background-color:#FFFFFF; 
}