Discussion :

[EC Sgt]

Bonjour à tous !

Voila le problème, ma foi fort simple:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
<img style="float: left; background-color: #fff;" src="une_image.png" />
<div style="height: 100px; background-color: #FFFF99; border: 1px solid;"></div>

Et bien alors qu'IE6 semble se comporter normalement (d'après moi) en disposant le DIV à la droite de l'image, Firefox affiche un résultat où le DIV s'étend au delà de l'image, comme si celle-ci était "gobée" par le DIV.

(La différence est encore plus frappante si on remplit le DIV avec un très long texte et que l'image n'est pas trop haute. Alors que dans l'IE6, le texte reste sagement aligné sur le bord droit de l'image, bien tranquille dans son DIV, il retourne à la marge gauche sous l'image avec Firefox, comme si l'image était flottante A L'INTERIEUR du DIV)

Quelqu'un peut-il m'expliquer ce prodige ?
Moi qui pensais que Firefox était LE navigateur orthodoxe !

[djoyeux]

Pour moi c'est firefow qui à raison mais je comprend pas trop ton problème explique mieux ou met plus de code ou un lien vers une de tes pages.

[EC Sgt]

Un screenshot vaut mieux qu'un long discours...

[djoyeux]

c'est normal l'attibu float fait que normalement le texte apres entour l'image donc c'est bien ce que fait firefox c'est IE qui merde il devrait pas te l'afficher comme ça.

essaye avec ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
<img style="background-color: #fff;" src="une_image.png" />
<div style="height: 100px; background-color: #FFFF99; border: 1px solid; margin-left: 30px;"></div>

Les 30px corresponde à la taile de ton image.

[nono212]

Ralala je déteste les gens qui disent avant même de savoir le problème "c'est firefox qui a raison".

Tu sais, quand on connais pas bien le CSS, on se tait, car le float crée comme une colonne, c'est à dire que si on met une image en float, le reste doit passer après le float, donc l'image doit être placée avant le texte en <div>...

Le porblème, que j'ai remarqué avec firefox, c'est qu'il ne compte pas les float comme il faut le faire... (en effet, il a des problèmes avec le CSS ^^, m'enfin ça va sûrement être réglé par les programmateurs de firefox, car il progresse beaucoup je trouve... Dommage qu'il y ait ce problème, car certains sites ne s'affichent pas bien avec firefox.

[Bisûnûrs]

Tu sais, quand on connais pas bien le CSS, on se tait

Je te retourne le compliment.

car le float crée comme une colonne, c'est à dire que si on met une image en float, le reste doit passer après le float

Ah bon ? Pourtant j'ai toujours appris que les éléments en float étaient sortis du flux. Ca créé une "colonne" comme tu dis, uniquement si l'élément qui suit est en float également, ce qui n'est pas le cas ici.

Le porblème, que j'ai remarqué avec firefox, c'est qu'il ne compte pas les float comme il faut le faire.

Et comment il faut le faire ?