css: Hauteur d'1 div container contenant une div float:left

WRInaute accro
Bonjour

débutant en CSS, j'ai un pb de hauteur de div.
mon .container inclut deux div , .bloc_gauche (float:left;) et .bloc_droite (float:right;)
J'aimerais que la hauteur de mon .container s'adapte à la hauteur occuppée par les deux div qu'il contient. Donc ne pas lui assigner de hauteur fixe.

Je sèche, qqun peut m'aider ? Avec mon code ci dessous


Code:
.container
{
background-color: #EDEDED;
padding:5px;
border:1px solid #333;
}
.bloc_gauche{
width:76%;
float:left;
}
.bloc_droite{
width:22%;
float:right;
}

Code:
<div class="container">
   <div class="bloc_droite">blablablablabalabl balbalabl abl</div>
   <div class="bloc_gauche">plo plo plo ploo ploplo polp plo</div>
</div>

merci
 
WRInaute passionné
t as réellement besoin du container ?
parce que tes balises float les font sortir de celui-ci et si tu les enléves tu ne peux pas dans ce cas positionner côte à côte tes deux blocs.

enfin casse tête mais quelqu un va trouver.
 
WRInaute impliqué
Salut il faut que tu fasses un clear de tes flotants pour revenir dans le flux normal de ta page.
Soit en code et ceci juste avant la fin du div container
Code:
<div style="clear:both;"></div>

Sinon tu peux jeter un oeil ici
 
WRInaute discret
C'est effectivement un - gros - casse - tête que je n'ai pas encore réussi à résoudre correctement. :?
Je n'ai trouvé que des solutions bancales en utilisant les min-height par exemple pour limiter les dégats éventuels.

Sinon, régulièrement je me pose la question... en vain. :cry:
Je suis donc également preneur de toute solution 'élégante' qui pourra être proposée. :D
 
WRInaute accro
Great :) super, merci :)

edit :
Mince Bon du coup j'ai une div super-super container qui me refait la même chose, et seulement sur IE7. Bon va falloir trouver maintenant :)
 
Discussions similaires
Haut