J'ai un soucis un peu étrange. j'ai une div xhtml de 200px de large, et lorsque je mets un padding ou une border, les valeurs s'ajoutent et j'ai un décalage sous ffox (pas ie ...).
Quelqu'un à déjà rencontré ce problème? Je donnerais les codes si besoin.
merci

Jamais vu ce problême mais on peut avoir les codes ?

http://turing.lecolededesign.com/~jbiron/st/portfolio/
http://turing.lecolededesign.com/~jbiron/st/portfolio/style.css

je suppose que tu sais afficher un code source

Oui je sais je mets trop de divs

En fait c'est normal que ton menu dépasse, car la bordure fait le tour de ton bloc
Tes bordures font 2px, ton menu 200px. 2*2=4 et 200-4=196.

Change cette partie-là:

ouai mais du coup c'est ie qui est décalé :p.

Ba j'ai essayé mais ce n'est pas décalé chez moi... ?
J'ai rien dit (la faute à IE tab).

Je cherche...

En plus j'ai tout fais validé w3 c'est abusé

De toute manière le padding devrait pas avoir pour effet d'agrandir la div!

Le problème est le prologue xml placé avant le doctype qui fait que IE n'interprète pas correctement le doctype et reste en mode quirks avec donc, le model de boîte à la microsoft

La première question est de savoir si tu as vraiment l'usage de cette déclaration-là de document, donc si ton doc est vraiment traité en tant que xml et pas comme du simple html ?

Si ce n'est pas le cas un doctype en xhtml 1.0 sans prologue devrait faire l'affaire, autrement je ne sais pas s'il existe un moyen de faire tout de même quitter le mode quirks à IE...

merci je vais essayer de passer en 1.0.
le 1.1 c'est juste pour la classe ;D

J'AI TROUVé !!!!!!!!!(Après 20min de concentration intensive )




(IE ne comprend pas le > et s'en fiche, alors que FF s'en occupe)

j'ai le droit à une explication?

---

Yes ça marche!
Merci beacoup. Mais j'ai rien compris mdr...

k Mais je t'avertis, que du coup les deux, IE et FF rajouteront le padding à la longueur totale puisque c'est la règle du modèle de boîtedu w3c

Edit: utiliser un css différent pour IE n'est à faire que si tu n'as vraiment pas le choix; là tu as nettement meilleur temps de changer ton doctype, ça t'évitera bien des ennuis pour la suite.

En gros (vraiment très gros ) le > c'est pareil que si tu faisais html(espace)body... sauf que ça fait partie du CSS 2 et internet explorer ne comprend pas ces nouvelles techniques d'imbrication.


Quand FF et IE arrivent sur le .menu2 width: 200; , ils affichent le menu avec une largeur de 200px.

Par contre, quand ils arrivent sur html>body .menu2 wdith: 196px; , IE ne comprend pas et passe à la suite, mais FF remplace la largeur du menu (200px) par 196px.

D'autres questions ?

donc je peux pas mettre de padding?

Ok merci je vois le genre.
candy j'ai passé en 1.0 et ça à rien changé

Citation : BW

donc je peux pas mettre de padding?

Change ton doctype et met ton padding tu auras la même interprètation sur IE et FF (faudra changer ton width)... Garder ce doctype avec un prologue sans en avoir l'usage et devoir utiliser des hack est un non-sens.

mais j'ai essayé ça marche pas...
A moins de ne pas avoir fait ce qu'il fallait...

Ah si c'est bon. Je vais plutôt faire comme ça.
Mais je remplace le prologue par un meta?

Firefox n'est pas magique hein, il n'offre pas automatiquement un rendu que l'on désire, tout comme Internet Explorer.

Donc les fautifs, c'est vous, pas les navigateurs.

Tu commences ton doc par quelque chose comme ça:

ok merci beacoup. Tout marche nickel!