Positionnement de div sous IE 6

cnoureau

8 Sep 2008 à 11:15

Bonjour,

J'ai un div dans ma page qui représente un fond de popup que j'affiche quand j'en ai besoin.

Ma page a la structure suivante :


<body>
  <div id="Gauche">
  </div>
  <div id="Droite">
    <div id="header">
    </div>
    <div id="content">
      <div class="FondPopup">
      </div>
      <div>du contenu
      </div>
    </div>
  </div>

</body>

Le CSS du fond de la popup (un cadre gris semi transparent qui couvre toute la fenêtre normalement) :


.FondPopup
{
	background-color: Gray;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 1000px;
	height: 600px;
	z-index: 10000;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

Sous IE 7 tout va bien, sous IE6, le positionnement de mon fond gris ne sa fait correctement. On dirait que mon fond ne peut pas sortir de mon div "Content". J'ai essayé position:absolute au lieu de fixed et ça n'a rien changé.

Des idées ?

fleuveblanc

10 Sep 2008 à 14:58

Je ne sais pas si c'est la meilleure solution, mais elle fonctionne :

#contenu
{
	top:0;
	position:absolute;
}
.FondPopup
{
	background-color: Gray;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 1000px;
	height: 600px;
	z-index: 10000;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

<body>
  <div id="Gauche">
  </div>
  <div id="Droite">
    <div id="header">
    </div>
    <div id="content">
      <div class="FondPopup">
      </div>
      <div id="contenu">
      	du contenu
      </div>
    </div>
  </div>
</body>

CSS et mise en forme, CSS3

Positionnement de div sous IE 6