Adapter la hauteur de deux div en float

Bonjour,

Je suis face a un problème, j'ai deux div côte a côte en float et j'aimerai que ces deux aient la même hauteur. La hauteur ne doit pas être fixe, les deux div doivent se redimensionner par rapport au contenu le plus long (soit dans l'une, soit dans l'autre).

C'est un problème très répandu, mais je n'ai jamais trouvé de réponse claire...

Je vous remercie d'avance pour vos réponses.

(PS: si possible sans tableau et que ça fonctionne sous IE7/8)

Salut,

je pense que ce tutoriel devrait te convenir.

Merci,

Malheureusement ce tutoriel ne m'aide pas pour mon problème,

Car les div "content" et "sidebar" n'ont pas la même hauteur.

Salut,

Tu peux passer par la propriété table-cell. Un truc du style :

<div id="wrap>
   <div id="gauche">
        …
   </div>
   <div id="droit">
        …
   </div>
</div>

#wrap {display: table;}
#gauche, #droit {display: table-cell;}

Malheureusement ça ne fonctionne pas sous IE7, mais bon … ^^

En espérant t'avoir fournis une piste de recherche
Modifié par Gili (07 Nov 2012 - 15:15)