problème d´alignement => CSS

[vin-moi]

bonjour ,

alors voilà un petit exemple de mon problème se créant sous firefox et pas IE :

j´ai un div principal avec comme atribut " margin-left: 12%;.

dans ce même DIV, je met plusieurs calquesnd´une largeur de 50% avec un float:left pour qu´il y en ai deux par ligne. leur atribut est :

width : 50%;
text-align : left;
float : left;
margin-bottom: 10px;

le problème est que lorsque le nombre de DIV à 50% de largeur est impaire, il y en a un tout seul en dessous, là OK. mais le contenu se trouvant hors du DIV principal se retrouve collé a ce DIV orphelin !

voilà la structure :


< div class="principal">
---<div class="demi_div">
------contenu
---</div>
---<div class="demi_div">
------contenu
---</div>
---<div class="demi_div">
------contenu
---</div>
contenu décalé
< /div>



et voici un shema de ce qui se passe :

[ contenu contenu
contenu ] contenu décalé

alors que je voudrais :

[ contenu contenu
contenu ]
contenu décalé

ne me dites pas de faire un 4ème DIV car je ne gère pas leur disposition, le tout etant généré en php pour un annuaire...

pour avoir le problème en image :

http://www.depannetonpc.n[...]aire/index-test.php

comme vous le voyez le mot " rechercher" est loin d´être a sa place murf
il devriat etre juste au dessus de la derniere ligne pointillé sweatdrop

lien vers la feuille de style :http://www.depannetonpc.net/style.css

en espérant que j´ai posté dans la bonne catégorie et bien explique mon problème, je vous remercie pour toute aide !

je suis sur que c´est pas grand chose rolleyes

ps: le problème se produit seulement sous firefox!

[MarvinLeRouge]

Salut,

Mets sur le contenu qui suit tes div flottat un "clear : left".
clear sert à provoquer des ruptures avec les flottants.