Problème de floats

Salut

J'ai une page (ici : http://www.elfloridita.net/bellevue/foyers/foyers.php )

Le contenu est divisé en deux colonnes. Pour cela j'ai utilisé deux div. Celui de gauche à la propriété float:left.

Dans ces colonnes j'ai plusieurs images qui sont alignée à gauche ou à droite. Dans la colonne de droite la première image est alignée à droite (donc float:right). Ensuite, la deuxième image est alignée à gauche, j'ai dont un float:left. Mais avant j'ai mis <div style="clear:right"></div> pour que la deuxième image soit placée en dessous de la première.

Pour résumé j'ai

<img ... style="float:right">
<p></p>
<div style="clear:right"></div>
<img ... style="float:left">
<p></p>


Mon problème vient pour la 3e image. Comment faire pour qu'elle soit placée en dessous du niveau du bas de la 2e ?
Je pourrais faire comme je l'ai fait entre la 1e et la 2e : <div style="clear:left"></div>

Mais dans ce cas l'image sera placé en dessous des deux colonnes, ce qui est logique puisque j'ai un float:left dans la 1e colonne.


Merci d'avance

Salut,

je te conseillerais de potasser l'excellent floatutoriel de maxdesign, qui te permettra certainement de résoudre tous tes problèmes...

Ton lien ne m'a pas beaucoup aidé (ou alors j'ai raté qqch).

Ou peut-être n'a tu pas compris ou est exactement mon problème



Je veux que la partie entourée en vert sur l'image soit déplacé en-dessous de la ligne rouge. Je ne peux pas utiliser un clear. Si je le fait, la zone en vert est déplacé en dessous des colonnes (ce qui est logique).

Personne ?

Sinon. est-ce qu'il est possible d'avoir deux colonnes (fluides) sans utiliser de float ?