Bonjour,

J'ai une page avec cette structure:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
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>
 
	<!-- firefox: to make the wrapper div height adjust when a div it contains gets larger  -->
	<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 : Sélectionner tout - Visualiser dans une fenêtre à part
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 : Sélectionner tout - Visualiser dans une fenêtre à part
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

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