Floats dans une DIV Relative : hauteur

**vinze60** · 06/12/2010, 13h48

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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** · 06/12/2010, 15h41

Je m'auto-solutionne :

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>