Problème de flux

Bonjour,
J'ai déjà résolu mon problème, mais je pense que c'est de la bidouille et j'aimerai avoir votre avis.

Mise en situation : j'ai un premier div qui contient ma page entière, puis dans ce div, j'ai deux autres div contenant une image dans cette page mais j'ai d'autres pages avec la même structure sauf que ce n'est pas des images dans les divs. Ces deux images sont côtes à côtes donc j'utilise des float: left;

<div id="container">
	<div id="img1">
		<img src="mon_image_1" alt="" />
	</div>
	<div id="img2">
		<img src="mon_image_2" alt="" />
	</div>
</div>
<!------CSS------
#container {
	background: url("mon_fond") no-repeat;
}
#img1 {;
	float: left;
	width: 237px;
	height: 245px;
}

#img2 {
	width: 257px;
	height: 68px;
	float: left;
}

Mon problème était le suivant, mon arrière plan ne s'affichait pas sous Firefox.
J'ai donc rajouter ceci à mon code HTML :

<div style="clear: both; height:1px; width:1px;"></div>

Si j'enlève la largeur et la hauteur mon fond ne s'affichera pas.
Voilà, je pense que c'est de la bidouille alors si quelqu'un peut m'expliquer mon problème ou me donner une meilleure solution ca serait sympa.

Dans cette exemple je peut bien sûr supprimer les div et mettre les images directement mais j'ai d'autres page ou la structure et identique sauf que mes div contiennent autre chose que des images.

Merci d'avance
Modifié par Vince1415 (12 May 2006 - 18:00)

Bonjour Vince,

Je n'ai pas bien cerné ton problème

Tu veux régler ton souci de background ou tu as un souci avec des div qui contiennent des images, ou pas, selon la page ?

Salut

tu trouvera l'explication du probleme et les solutions sur le site de mpop
http://web.covertprestige.info/test/03-elements-flottants-et-element-parent-1.html

A+