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 ce 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 Smiley eek

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 Smiley lol
http://www.arsenal-fr.com/news-15-arsenal-la-jeunesse-au-pouvoir.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 Smiley cligne

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... Smiley confused
a écrit :
J'ai su réparer mon souci, merci quand même Smiley cligne

Modifié par mikaweb (11 Aug 2007 - 22:59)
salut mikaweb, sous ie et firefox tes pages ne posent plus de problèmes (IE 7, MF 2)

Selon moi les problèmes de colonnes en float qui passent à la ligne proviennent d'un simple souci de lageur : si tes trois colonnes dépassent la largeur de leur bloc conteneur, il ya forcément passage à la ligne suivante.

Et là, attention, car pour calculer la largeur de chaque div en float, il y a plusieurs paramètres, et pour le div conteneur également.

ce lien est plutôt clair : http://www.yoyodesign.org/doc/w3c/css2/box.html pour expliquer les problématiques du modèle de boîte.

En espéranr avoir répondu à ta question...