Floats dans une DIV Relative : hauteur [Résolu]

[vinze60]

Bonjour à tous,

J'ai une DIV qui contient plusieurs autres DIV de class nommée "images". Ces dernieres sont générées par une boucle.

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
 
<STYLE type="txt/css"> 
.images{
float:left;
margin:10px;
}
</STYLE>
 
<DIV style="position:relative;width:600px;background-color:grey;">
 
while($img= mysql_query($sql)){
echo "<DIV class=\"images\">$img[url]</DIV>";
}
 
</DIV>

Avec ce code j'obtiens des images côte à côte. Lorsque ma série horizontale d'images arrive au bout des 600px de ma DIV principale, les DIV "images" passent à la ligne du dessous et ainsi de suite.

Tout ceci fonctionne comme je le souhaite à part la hauteur de ma DIV principale. Elle ne correspond pas du tout à son contenu. Je souhaiterais que ma div principale s'agrandisse en fonction des images qu'il y a l'interieur.

Est-ce que les DIV relatives ignorent-elles les Float qui se trouvent dans son contenu ?

D'avance, Merci.

[vinze60]

Je m'auto-solutionne :

Avant la fin de la div principale il faut ajouter une div spacer

Code :

1
2
3
4
5
6
7
<DIV style="position:relative;width:600px;background-color:grey;">
 
while($img= mysql_query($sql)){
echo "<DIV class=\"images\">$img[url]</DIV>";
}
<div style="clear:both;"> </div>
</DIV>

[Bisûnûrs]

Une autre solution aurait été de lire la FAQ :
http://css.developpez.com/faq/?page=...ment_flottants