Voilà mon problème,
J'ai 2 blocs qui sont imbriqués dans un autre bloc parent et je voudrais que ces 2 blocs qui ont une hauteur relative aient la hauteur du bloc le plus grand!
Je pensais utiliser l'attribut height:inherit pour que mes 2 blocs héritent de la valeur du bloc parent mais la hauteur de celui-ci dépend de la hauteur des 2 autres donc forcement ça marche pas....
Pour être plus claire je vous mets un bout de ma feuille de style si quelqu'un a une idée pour que tout mes blocs prennent au final la hauteur du bloc le plus grand n'hésitez pas.
#conteneur {
width: 900px;
margin: 14px 0;
}
/*c'est mon bloc principal qui englobe les 2 autres*/
#contenu {
float:left;
width: 630px;
margin-right:7px;
margin-bottom:14px;
padding: 8px;
}
/*le premier bloc imbriqué*/
#clindoeil {
float:right;
margin-left:7px;
width: 216px;
padding: 8px;
}
/*le deuxieme bloc imbriqué*/
en gros la page html ça donne ça:
<div id="conteneur">
<div id="contenu">ici contenu dynamique</div>
<div id="clindoeil">ici contenu dynamique</div>
</div>
Donc là j'ai mon bloc contenu et clindoeil qui sont bien côte à côte au sein du bloc conteneur mais chacun à une hauteur distincte (en fonction de leur contenu).
et maintenant ce qui j'aimerais c'est que si c'est le bloc contenu le plus grand alors le bloc clindoeil aura la meme hauteur et inversement...
Merci d'avance
@+ Goldo22
