j'ai un petit problème que je n'arrive pas à résoudre malgré les explications consultées sur OpenWeb.
J'ai trois divs contenues dans une autre div nommée : Container.
Voici l'exemple html:
<div class='container'> <div class='left'>contenu dynamique...</div> <div class='center'>contenu dynamique...</div> <div class='right'>contenu dynamique...</div> </div>
Voici le code css:
.left{
float: left;
width: 32%;
margin-right: 3px;
padding: 5px;
}
.center{
float: left;
width: 42%;
padding: 5px;
}
.right{
margin-left: 76%;
margin-right: 0;
padding : 5px;
}
Mon problème est que le contenu étant dynamique, la hauteur du div nommé "center" varie et j'aimerais que les 2 autres suivent ces changements de taille...
J'ai essayé d'utiliser le hack du spacer
.spacer { clear: both;}
et du HR
hr {clear: both; visibility: hidden;}
en les positionnant dans les différents divs ('left','right' & 'container') Mais aucun des deux ne semblent fonctionner...
Est-ce que quelqu'un peut me dire ou je me trompe ?
Merci à l'avance pour votre aide.
Bonne journée.
Haut
