offsetHeight qui ne fonctionne pas sur un div

Salut

J'ai 3 <div> cote à cote dans ma page : gauche, centre, droite.
J'ai besoin de récupérer leur hauteur à l'écran pour ensuite les ajuster pour que les 3 fassent la même hauteur.

Le soucis c'est que sous FF, Opéra et Netscape je n'arrive pas à avoir la hauteur du <div> gauche alors que ca fonctionne sur centre et droite. Et surtout sous IE6 et IE7 il y arrive parfaitement sur les 3.

Code:

---

1 2 3

alert("gauche : "+document.getElementById('gauche').offsetHeight); alert("droite : "+document.getElementById('droite').offsetHeight); alert("centre : "+document.getElementById('centre').offsetHeight);

---

Le 1er alert me renvoie 0 sous FF, Opéra et Netscape. Je ne comprends pas d'où vient le problème...

URL de la page : http://www.magnificat.com/english/boston/

Quelqu'un aurait une idée ? :roll:

Merci

Salut, essaye avec innerHeight :)

Si je ne m'abuse, innerHeight fait parti de l'objet window et ne sert qu'à récupérer la taille de la fenêtre :roll:

J'ai trouvé :)
mes excuse effectivement il faut utiliser offsetHeight,
le problème vient de ta 2eme div a l'intérieur de "gauche" et autre , explication :

tu as :

Code:

---

1 2 3 4 5

<div id="gauche" style="clear:both"> <div class="raisedl" style="width:150px; float:left">... </div> </div>

---

la propriété float ( left ou right ) permet de sortir un élément du flux html et donc tout le contenu n'étant plus considèré comme appartenant a la div "gauche" elle fait 0 de hauteur , essaye de mettre une bordure par exemple sur celle ci et tu verras :)
solution :
mettre un <br style="clear:both" /> juste après la div en float left :) :

Code:

---

1 2 3 4 5 6

<div id="gauche" style="clear:both"> <div class="raisedl" style="width:150px; float:left">... </div> <br style="clear:both" /> </div>

---

Exact ! Là ca marche nickel ! :D
Merci beaucoup ! J'aurai jamais trouvé :oops:

je t'en pris :)
bonne continuation