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

#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 :

#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.