Discussion :

[student_php]

Bonjour,

J'aimerais effectué quelque chose d'assez simple, mais je ne vois vraiment pas comment m'y prendre.

J'ai deux div que je place en float (<div id="left"> et <div id="right">), et une div conteneur parent de ces dernières (<div id="corps">), mon problème est que comme mes deux div left et right sont des float, la div parent corps ne varie pas sa hauteur dynamiquement (elle reste à 0), j'aimerais donc effectué la chose suivante en javascript:

hauteur de <div id="corps"> = hauteur de <div id="left">

Sachant que la hauteur de <div id="left"> est variable selon le choix d'une liste déroulante fait par l'utilisateur

Si quelqu'un peut me donner un petit coup de pouce pour réaliser cette affectation en javascript ce serait vraiment sympa !

[kimjoa]

même si pour beaucoup c'est pas conseillé tu peux utiliser un tableau

sinon tu fait une fonction onload, tu récupère les hauteurs voulue, et tu assigne la plus grande à conteneur

Code :

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

1
2
3
4
5
6
 
window.onload = function(){
    var h1 =  document.getElementById("left").offsetHeigh;
    var h2 =  document.getElementById("right").offsetHeigh;
    document.getElementById("papa").style.height = (h1 > h2 ? h1 : h2) +"px";
};

Sinon je pense pas que ca va marcher, mais essaye de mettre dans ta css une position relative à tes éléments float ....

[student_php]

Je viens de rajouter ce code avec les bons id dans mon header et ca ne fonctionne pas, il y a un appel à faire à l'événement onchange() dans le code ?

Je pense effectivement que je vais opter pour un tableau...

[kimjoa]

dsl c'est offsetHeight avec un "t" et non pas offsetHeigh qu'il faut utiliser

Sinon si ca bug regarde ta console d'erreur ...