Bonjour,
J'ai une page avec cette structure:
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:
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:
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
Partager