Version complète: sur le forum Webmaster Hub : css height
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
djp1988
salut, J'ai un problème, voici:

J'ai ca:

CODE
<div id="contentBody">


<div id="gauche">
plein de lignes
</div>

<div id="droite">
plein de lignes
</div>

</div>


avec css comme:
CODE
#contentBody {
width:900px;
height:auto;
background-color:#00ff00;
}
#gauche {
float:left;
width:300px;
}
#droite {
float:right;
width:600px;
}


à peu près....

alors mon probleme est que une fois chargé, la couleur de fond de contentBody ne descend plus alors que le contenu dans 'gauche' et 'droite' continu à descendre.

voic un exemple:

http://www.herpfrance.com/reptile/adder_vipera_berusTest.php

mais si je définis la hauteur de contentBody à par exemple 600px, ca descend à 600 pixels, mais ce n'est pas toujours cette taille puisque j'utilise ce meme id et css pour tout mon site.
djp1988
En faite si j'ajoute un div avant la fin de contentBody, qui Clear:both cela regle le problème, mais j'ai pas envie de faire des hack, il doit avoir une solution plus facile....

CODE
<div id="contentBody">


<div id="gauche">
plein de lignes
</div>

<div id="droite">
plein de lignes
</div>

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

</div>
Vap
C'est le plus simple.
SInon, tu peux utiliser ce qui est dit la et la

ghost
Salut,

Plus "in"... Donner un contexte de formatage à tes blocs en float en leur confèrent la propriété overflow: auto;
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.