Problème CSS IE7

[peterfontaine]

Bonjour,
J'ai un problème avec les CSS sous IE7 (fonctionne sur tous les navigateurs sauf IE7 et précédent)
Le background n'apparait pas sur la div la_page

Code: Tout sélectionner

#la_page {
   background:url(images/page.png) top center repeat-y;
   position: relative;
   margin-top:0px;
   height:auto;
   padding: 5px 35px;
}


#menu_nav {
   float:left;
   width:200px;
   background:url(images/tache.png) top left no-repeat;
   padding-top:130px;
}

#page_cont {
   float:right;
   width:650px;
}

<div id="la_page">
            <div id="menu_nav">
                    <p>bla bla bla</p>
            </div>
            <div id="page_cont">
                   <p>bla bla bla</p>
            </div>
           <br clear="all" />
</div>


Est-ce que quelqu'un pourrais m'expliquer pourquoi ça ne fonctionne pas ?

[peterfontaine]

J'ai résolu mon problème en ajoutant un min-height dans #la_page

[lefou]

J'ai résolu mon problème en ajoutant un min-height dans #la_page

Concernant le min-height, il me semble qu'il n'est pas reconnu par internet explorer 6.
Si tu veux tester je t'invite à installer multipleIEs (http://tredosoft.com/Multiple_IE) qui te permettra d'avoir plusieurs versions d'IE.

Une solution qui normalement devrait fonctionner et passer aussi sur IE6 :

Code: Tout sélectionner

#la_page {
   background:url(images/page.png) top center repeat-y;
   position: relative;
   margin-top:0px;
   overflow:auto;
   height:1%;
   padding: 5px 35px;
}


Le problème vient du fait que les éléments flottants se retrouvent en dehors de leur container. Le overflow:auto permet de résoudre ce problème et le height:1% c'est pour la compatibilité IE6.