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


nickargall
WRInaute accro
WRInaute accro
 
Messages: 7182
Inscription: 13 Juin 2005

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

Message le Mar Déc 12, 2006 14:14

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: Tout sélectionner
.container
{
background-color: #EDEDED;
padding:5px;
border:1px solid #333;
}
.bloc_gauche{
width:76%;
float:left;
}
.bloc_droite{
width:22%;
float:right;
}



Code: Tout sélectionner
<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
WRInaute passionné
WRInaute passionné
 
Messages: 1664
Inscription: 30 Mai 2005

Message le Mar Déc 12, 2006 14:48

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
WRInaute impliqué
WRInaute impliqué
 
Messages: 835
Inscription: 28 Jan 2005

Message le Mar Déc 12, 2006 14:50

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: Tout sélectionner
<div style="clear:both;"></div>


Sinon tu peux jeter un oeil ici


metropoway
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 266
Inscription: 3 Mar 2004

Message le Mar Déc 12, 2006 14:55

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


biddybulle
WRInaute passionné
WRInaute passionné
 
Messages: 1664
Inscription: 30 Mai 2005

Message le Mar Déc 12, 2006 15:03

super ta soluce narayana.

Merci


nickargall
WRInaute accro
WRInaute accro
 
Messages: 7182
Inscription: 13 Juin 2005

Message le Mar Déc 12, 2006 15:13

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
WRInaute impliqué
WRInaute impliqué
 
Messages: 835
Inscription: 28 Jan 2005

Message le Mar Déc 12, 2006 16:32

url?


nickargall
WRInaute accro
WRInaute accro
 
Messages: 7182
Inscription: 13 Juin 2005

Message le Mar Déc 12, 2006 17:29

En MP :) je te l'envoie :) merci :)

narayana
WRInaute impliqué
WRInaute impliqué
 
Messages: 835
Inscription: 28 Jan 2005

Message le Mar Déc 12, 2006 17:45

Répondu


Si vous avez aimé cette discussion, partagez-la sur vos réseaux sociaux préférés :

Lectures recommandées sur ce thème :