offsetHeight et Firefox

Bonjour,

J'ai une page avec cette structure:
Code:

1 2 3 4 5 6 7 8 9 10 <div id="menucontent"> <div id="menu"><?php echo $menu; ?></div> <div id="content"><?php echo $content; ?></div>  <div style="clear:both"></div> </div>
La div content a une min-height de 410px, mais peut s'agrandir en fonction de son contenu. Je veux que la hauteur de la div menu soit la meme que celle de la div content. J'ai donc essaye ce petit script:

Code:

document.getElementById('menu').style.height=document.getElementById('menucontent').offsetHeight+"px";

qui marche tres bien sous IE6, mais pas sous Firefox. Donc je fais afficher ces informations:

Code:

alert('menucontent offsetHeight: '+document.getElementById('menucontent').offsetHeight+' ,menu offsetHeight: '+document.getElementById('menu').offsetHeight);

et la je me rends compte que Firefox affiche des choses assez farfelues. Par exemple, pour trois pages distinctes:

IE6: menucontent offsetHeight: 414 ,menu offsetHeight: 414
Firefox: menucontent offsetHeight: 177 ,menu offsetHeight: 16

IE6: menucontent offsetHeight: 410 ,menu offsetHeight: 410
Firefox: menucontent offsetHeight: 176 ,menu offsetHeight: 160

IE6: menucontent offsetHeight: 492 ,menu offsetHeight: 492
Firefox: menucontent offsetHeight: 792,menu offsetHeight: 468

8O Je ne vois vraiment pas la logique de Firefox. Est-ce que quelqu'un a deja eu affaire a ce probleme?

Merci d'avance,

Romain

c'est tout expliqué là avec des dessins et tout ...
http://developer.mozilla.org/en/docs...t.offsetHeight

Apparement le probleme venait de ce que le script s'executait "trop tot", en retardant son execution de 100ms avec un setTimeout, j'obtiens des valeurs deja plus coherentes.
Mais ca ne marche toujours pas: l'instruction

Code:

document.getElementById('menu').style.height=document.getElementById('menucontent').offsetHeight+"px";

qui semble bien fonctionner sous IE6 ne marche pas sous Firefox. Est-il possible de redimensionner dynamiquement des elements avec ce navigateur?

Merci,

Romain