[Résolu] Problème css avec des float

WRInaute discret
Bonjour tout le monde,

J'ai un beau problème avec les float de mes pages web.

Pour expliquer brièvement le problème : J'ai 3 colonnes dans ma page web.
1 a droite avec un float left, une autre au centre avec un float left et une dernière à gauche avec aussi un float left. Elles sont comme je le désire, l'emplacement et tel que je le voulais au départ.

Le souci se présente sur toutes les pages utilisant cette sémantique, ce qui n'est pas le cas de chaque page.
Voici 2 exemples, visible que sur un naviguateur Firefox ou Opera, sous Ie sa fonctionne à ce qui parait

http://www.arsenal-fr.com/
Ce qui pose problème c'est en bas à gauche, le contenu se déporte du container et sort de la page ...

Même problème sur une page d'article mais cette fois-ci bien plus voyant et plus clair pour vous
http://www.arsenal-fr.com/news-15-arsen ... uvoir.html

On m'a proposer d'enlever un min-height ou de mettre des overflow mais sans aucun succès.

Je suis assez désespéré de ces float, c'était bien plus facile avec les tableaux

Je remercie d'avance celui ou ceux qui tenteront de me donner un coup de main car là sa dépasse mes compétences et celles de mes amis...

Je viens de voir que mon problème serait assez semblable à cette solution mais je n'arrive pas à le faire correctement :oops:
http://css.alsacreations.com/modeles/modele5.htm
 
WRInaute discret
mikaweb a dit:
bigjet a dit:
Essaie de rajouter

<div style="clear:both"></div>

après la fin du troisième div.
J'ai la permission de t'embrasser ? :lol:

:lol: Je suis un fan de mu :wink:


(En passant, j'ai un site sur mu, unitedredarmy.com, et si tu veux faire un échange de liens, contacte moi)
 
WRInaute occasionnel
Si je peux me permettre... Une div n'est pas censée être vide ! ;)

Je te propose, pour remédier à cette erreur d'utilisation, de remplacer <div style="clear:both"></div> par :
<hr class="clear" />
et d'ajouter ça dans ton CSS :
hr.clear{clear:both;visibility:hidden;}


Ou remplacer directement par :
<hr style="clear:both;visibility:hidden;" />
Mais bon...
 
WRInaute discret
bigjet a dit:
mikaweb a dit:
bigjet a dit:
Essaie de rajouter

<div style="clear:both"></div>

après la fin du troisième div.
J'ai la permission de t'embrasser ? :lol:

:lol: Je suis un fan de mu :wink:


(En passant, j'ai un site sur mu, unitedredarmy.com, et si tu veux faire un échange de liens, contacte moi)
On regarde cela par MP ;)

Seraph a dit:
Si je peux me permettre... Une div n'est pas censée être vide ! ;)

Je te propose, pour remédier à cette erreur d'utilisation, de remplacer <div style="clear:both"></div> par :
<hr class="clear" />
et d'ajouter ça dans ton CSS :
hr.clear{clear:both;visibility:hidden;}


Ou remplacer directement par :
<hr style="clear:both;visibility:hidden;" />
Mais bon...
Bonsoir,

Ta solution ne fonctionne pas dans mon cas ;)
 
Discussions similaires
Haut