Dimension d'un div dans IE

Bonjour,

J'ai un problème avec la taille d'un DIV dans IE

Voici le code du DIV :

Code:

---

<div id="div_fond_transparent" class="index_div_fond_transparent" style="display: none;" ></div>

---

et voici le CSS :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

.index_div_fond_transparent { position: absolute; background-color: #000000; filter:alpha(opacity=50); opacity: 0.5; border-color: #225E7D; border-width: 0px; border-style: solid; z-index:10000;   }

---

je fixe la taille du DIV avec une fonction javascript à 100%. Cela fonctionne très bien dans Firefox mon calque remplit tout l'écran mais dans IE j'ai un rectangle de 200 x 25 pixels.

Je ne comprends pas pourquoi ?

Voici le code javascript :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

function afficher_div_fond_transparent() {   document.getElementById('div_fond_transparent').style.top = 0; document.getElementById('div_fond_transparent').style.left = 0; document.getElementById('div_fond_transparent').style.width = '100%';   document.getElementById('div_fond_transparent').style.height = '100%';   document.getElementById('div_fond_transparent').style.display = ''; }

---

Merci à tous

l'element qui te manque dans ton css est de fixer la taille de body et html a une hauteur de 100%.

Code:

---

1 2 3

html, body { height: 100%; }

---

une petite optimisation de la fonction ne ferai pas de mal. Il est aussi preferable de donner explicitement une valeur a la propriété position quand on utilise les propriétés top et left.

Code:

---

1 2 3 4 5 6 7 8 9

function afficher_div_fond_transparent() { var obj = document.getElementById('div_fond_transparent'); obj.style.position = 'absolute'; obj.style.top = '0px'; obj.style.left = '0px'; obj.style.width = '100%'; obj.style.height = '100%'; obj.style.display = ''; }

---

Pour le css je suppose que les elements de border etaient la pour des tests ;) sinon je voi pas l'interet de border de couleur quand leur taille est 0.

OK merci !