[résolu] Un container qui s'adapte à son contenu "float"

Salut,

J'ai un problème que j'ai plus ou moins résolu sous IE avec une bidouille, mais pas sous FF...

Je crée un container sans width ni height, et je met dedans des div qui sont en float: left.
Problème : le container ne s'adapte pas à son contenu !
Solution avec IE : mettre une height: 1px (minimum) au container.
Solution avec FF : là, j'attend votre aide...

mon XHTML :

<div id="container">
   <div class="block"><img src="photo1.jpg" /></div>
   <div class="block"><img src="photo2.jpg" /></div>
   <div class="block"><img src="photo3.jpg" /></div>
   <div class="block"><img src="photo4.jpg" /></div>
</div>

mon CSS :

#container{
	border: 1px solid #F00; // juste pour mieux le distinguer
        height: 1px; // bidouille pour IE
}

#block{
	float: left;
        margin: 5px; // juste pour les séparer un peu
}

Ce qui nous donne :


Merci pour vos aides
Modifié par aurapp (14 Jan 2006 - 13:09)

Salut,

Il faut toujours consulter la FAQ avant de se lancer et poser une question
http://forum.alsacreations.com/faq/#item6

Ok, la réponse est là :
http://forum.alsacreations.com/faq/#item6