Bloc/Float sur IE et FIREFOX

Bonjour,

Voila mon problème

mon rendu du site sous IE 7 :


http://nobodizz.free.fr/testIE.jpg


Voici maintenant le rendu sous FIREFOX 3.0 :

http://nobodizz.free.fr/testFirefox.jpg


Le problème :

Le bloc "tableau de bord" sous firefox decale complétement mon autre bloc " menu " qui est en float right.

j'essaye de faire un design qui prend en charge la largeur du navigateur.

ça marche sous IE mais sous Firefox :'(


le code et le css est disponible à l'adresse suivante :

http://nobodizz.free.fr/administration/index.php

Avez vous une solution ?


Cordialement
Modifié par emino (13 Oct 2008 - 15:41)

Bonjour emino,

En enlevant le float:left et en mettant un "overflow:hidden" sur le bloc ".left-float" cela devrait résoudre ton problème.

Même si c'est pour 3 colonnes, tu devrais trouver l'explication du problème dans ce tuto.

design-trois-colonnes-positionnement-flottant
Modifié par knarf (14 Oct 2008 - 10:31)

knarf a écrit :
Bonjour emino,

En enlevant le float:left et en mettant un "overflow:hidden" sur le bloc ".left-float" cela devrait résoudre ton problème.

Même si c'est pour 3 colonnes, tu devrais trouver l'explication du problème dans ce tuto.

design-trois-colonnes-positionnement-flottant

Dacodac

Juste insister sur la partie :"Pas de contexte de formatage dans IE 6 et inférieurs…" qui impose quelques correctif pour IE6

Cdt,
Sylvain

a écrit :
Juste insister sur la partie :"Pas de contexte de formatage dans IE 6 et inférieurs…" qui impose quelques correctif pour IE6

Ha! oui c'est vrai j'aurai pu en parler