Discussion :

[Romain93]

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

[SpaceFrog]

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

[Romain93]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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