Discussion :

[clavier12AZQSWX]

bonjour,

dans ma page j'ai deux colonne , chacune à des contenus dynamiques.
je souhaite égaliser leur hauteur-heights (afin d'affcher un background joli image).

problème, comme le contenu est dynamique, je ne peux pas savoir à l'avance quelle sera la valeur de la plus grande.

la page est construite ainsi :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<div id="colonnes">
                <div id="colonne_gauche">                    
                    <div class="ext_telechargements">
texte extensible
                    </div>
                    <div class="ext_estimez">
texte extensible
                    </div>
                </div>
              <div id="colonne_droite">
                	texte extensible                       
                    </div>                    
              </div>

voilà la css que j'utilise :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
#colonnes{
	width:950px;	
}
#colonne_gauche{
	float:left;
	width:321px;
	overflow:auto;	
}
#colonne_droite{
	float:right;
	width:629px;	
	overflow:auto;
}

ps : attention, mes colonnes ne doivent pas avoir de scrollbar!


une idée comment faire ? soit en css, soit en jquery ?

[clavier12AZQSWX]

bon bun j'ai trouvé grâce à un pôte :

Code :

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

			$("#colonne_gauche").height($("#colonne_droite").height());

[tsunamichups]

Si tu poste ta question dans le forum CSS, ta solution devrais être en css, sinon s'est une alternative
enfin s'est mon avis

sinon pour que tes div aient la même taille en fonction de la plus grande, tu peut utiliser la propriété CSS

Code :

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

1
2
 
display:table-cell;

qui imitera le fonctionnement des <td></td> d'un tableau HTML, ce que tu veux il me semble
et pour palier ce manque sur ie7 et ie6 tu peut utiliser ton JavaScript

A plus

[Bisûnûrs]

Ou alors en utilisant les colonnes factices.