|
Voir le sujet précédent :: Voir le sujet suivant
|
| Auteur |
Message |
| |
|
nickargall
WRInaute accro
Inscrit le: 13 Juin 2005
Messages: 3695
Localisation: Exilé au Groland à cause de Joe Dalton
|
 Posté le : Mar Déc 12, 2006 15:14 Sujet du message: css: Hauteur d'1 div container contenant une div float:left |
|
|
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 |
|
| |
|
 |
biddybulle
WRInaute accro
Inscrit le: 30 Mai 2005
Messages: 1372
|
| Posté le : Mar Déc 12, 2006 15:48 Sujet du message: css: Hauteur d'1 div container contenant une div float:left |
|
|
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 passionné
Inscrit le: 28 Jan 2005
Messages: 831
Localisation: paris
|
| Posté le : Mar Déc 12, 2006 15:50 Sujet du message: css: Hauteur d'1 div container contenant une div float:left |
|
|
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 |
|
| |
|
|
metropoway
WRInaute occasionnel
Inscrit le: 03 Mar 2004
Messages: 146
|
| Posté le : Mar Déc 12, 2006 15:55 Sujet du message: css: Hauteur d'1 div container contenant une div float:left |
|
|
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. 
Je suis donc également preneur de toute solution 'élégante' qui pourra être proposée.  |
|
| |
|
|
biddybulle
WRInaute accro
Inscrit le: 30 Mai 2005
Messages: 1372
|
| Posté le : Mar Déc 12, 2006 16:03 Sujet du message: css: Hauteur d'1 div container contenant une div float:left |
|
|
super ta soluce narayana.
Merci |
|
| |
|
|
nickargall
WRInaute accro
Inscrit le: 13 Juin 2005
Messages: 3695
Localisation: Exilé au Groland à cause de Joe Dalton
|
| Posté le : Mar Déc 12, 2006 16:13 Sujet du message: css: Hauteur d'1 div container contenant une div float:left |
|
|
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 passionné
Inscrit le: 28 Jan 2005
Messages: 831
Localisation: paris
|
| Posté le : Mar Déc 12, 2006 17:32 Sujet du message: css: Hauteur d'1 div container contenant une div float:left |
|
|
| url? |
|
| |
|
|
nickargall
WRInaute accro
Inscrit le: 13 Juin 2005
Messages: 3695
Localisation: Exilé au Groland à cause de Joe Dalton
|
| Posté le : Mar Déc 12, 2006 18:29 Sujet du message: css: Hauteur d'1 div container contenant une div float:left |
|
|
| En MP je te l'envoie merci |
|
| |
|
|
narayana
WRInaute passionné
Inscrit le: 28 Jan 2005
Messages: 831
Localisation: paris
|
| Posté le : Mar Déc 12, 2006 18:45 Sujet du message: css: Hauteur d'1 div container contenant une div float:left |
|
|
| Répondu |
|
| |
|
|
| |
|
|
