Fonction float et compatibilité IE

zaebas · 24 Septembre 2009

Bon voilà, j'ai un soucis (Et oui encore !)

j'ai fait une fonction float: left; pour mon menu qui marche très bien sur mozilla avec un menu à gauche et mon corps à droite.

Sous IE, ça veut rien comprendre et ça me met le corps sous le menu !!!

Y'a une astuce que je connais pas ?

alecs.y · 24 Septembre 2009

Souvent c'est dû à l'ensemble qui prend trop de place sur la largeur.

Alors il faut savoir que FF et IE gère différement les largeurs.

Quand tu met :

width: 100px;
border: 1px;

Sous FF, l'ensemble fait 100px. Alors que sous IE, l'ensemble fait 102px. Et idem pour les margin et padding.

zaebas · 24 Septembre 2009

C'est pas chiant du tout ça !!!

bon, ben je sais ce qu'il me reste à faire !

**captain_torche** · 24 Septembre 2009

C'est surtout qu'à défaut d'avoir un doctype valide, Internet Explorer utilise un modèle de boîte qui lui est propre.

En ajoutant un doctype valide, tu devrais gommer ces différences.

Tu peux trouver un exemple des différence entre les modèle de boîte W3C et Microsoft ici : http://edu.ca.edu/cours-web/sites-web-statiques/css-feuilles-de-styles/css-modele-de-boite

zaebas · 24 Septembre 2009

Alors, le truc sur les boites ça a l'air hyper sympa, mais quand on est une quiche en anglais comme moi...

Si j'ai saisis l'idée, le but c'est d'emuler IE en Mozilla en gros...

Y'a donc une ligne à ajouter dans le html ou le css qui pointe vers une page de référence pour le format.

Très bien, très bien... et je la trouve où cette page ?

Sujets conseillés