Discussion :

[kohsaka]

Bonjour à tous,

J'ai besoin de 2 div côte à côte et de même taille. Bien entendu le contenu est dynamique ce qui fait que je ne peux pas le faire un css pure.

J'ai donc un petit bout de code qui me permet de calculer quelle div est la plus grande et d'en attribuer la taille à la plus petite :

Code :

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

1
2
3
4
5
6
7
8
9
 
<script type="text/javascript">
var leftInset = document.getElementById("personalData");
var rightInset = document.getElementById("behaviorSynthesis");
 
var maxInsetHeigth = Math.max(leftInset.offsetHeight,rightInset.offsetHeight);											            
leftInset.style.height = maxInsetHeigth + "px";
rightInset.style.height = maxInsetHeigth + "px";
</script>

Ça marche très bien ... mais pas sur ie6/7 comme d'habitude

Quelqu'un connaîtrait-il un équivalent à "offsetHeight" qui puisse marcher ?

merci.

[Bovino]

Voir la : Comment ajuster la taille de deux éléments HTML

[kohsaka]

Désolé mais ca ne marche pas, offsetHeight me renvoie 0 d'où ma question.

[Bovino]

Tu es sûr que personalData et behaviorSynthesis existent et sont bien remplies lorsque ton code est exécuté ?

[kohsaka]

Oui le code me renvoie une valeur sur firefox et ie8/9.

avec la fonction height() de jQuery j'arrive a obtenir une valeur, mais ca m'ennuie de charger la lib uniquement pour ca.

[Bovino]

Si le contenu de tes éléments est généré dynamiquement et que tu cherches la taille juste après avoir modifié le contenu, il faut laisser le temps à IE de mettre à jour les informations :

Code :

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

1
2
3
4
5
6
7
8
setTimeout(function(){
var leftInset = document.getElementById("personalData");
var rightInset = document.getElementById("behaviorSynthesis");
 
var maxInsetHeigth = Math.max(leftInset.offsetHeight,rightInset.offsetHeight);											            
leftInset.style.height = maxInsetHeigth + "px";
rightInset.style.height = maxInsetHeigth + "px";
},0);

[RomainVALERI]

avec la fonction height() de jQuery j'arrive a obtenir une valeur, mais ca m'ennuie de charger la lib uniquement pour ca.

Si jQuery le fait mais que tu ne veux pas toute la lib, va voir dans leur code et récupère la fonction voulue, ou mieux adapte-la à ton besoin, si tu ne veux pas l'ensemble... (je fais ça avec Protoype de temps en temps ^^)

[kohsaka]

merci RomainVALERI mais je crois que je vais opter pour la solution de Bovino qui marche très bien

thx.