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

[nickargall]

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

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

<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

 

[biddybulle]

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.

 

[narayana]

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

<div style="clear:both;"></div>

Sinon tu peux jeter un oeil ici

 

[metropoway]

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.

 

[biddybulle]

super ta soluce narayana.

Merci

 

[nickargall]

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

 

[narayana]

url?

 

[nickargall]

En MP je te l'envoie merci

 

[narayana]

Répondu