Hauteur maximale calque enfant

Bonjour.

Voici mon code html

<div id="content">
<div class="ooo">sdfgsdf</div>
<div class="tags">TAGS fdqs fqsqsd fq</div>
<div class="ppp">ljklhjk</div>
</div>
[code]

Les trois div contenus dans le div content ont ces propriétés.

[code]
float:left;	
display:block;
background: url(../images/separation.jpg) repeat-y left;

Ces trois div peuvent avoir des hauteurs différentes, cependant le calque content aura une hauteur egale a celle de la hauteur du calque fils le plus haut.

Du coup les séparations entre ces trois calques, auront tous des tailles différentes.
On ne peux pas forcer ces trois calques a avoir la taille du div content et donc du contenu le plus haut?



Merci.

Bonjour,

Malheureusement, non.

DU moins pas de manière satisfaisante sur tous les navigateurs. Tu pourais en effet utiliser display:table-cell; mais IE6 ne le comprendra pas.

On conseille donc généralement d'utiliser des colonnes factices, mais si tes colonnes n'ont pas de largeur définie, celà ne fonctionnera pas...

Salut,

regarder du côté des colonnes factices et au besoin lire le tuto Un design fluide avec trois «colonnes», grâce au positionnement flottant.

Au passage il est inutile de préciser display:block pour un DIV et c'est également inutile pour un élément flottant.

Et sinon lire Comité Contre les Calques.

Merci bien je vais lire tout ca.