Aller au contenu

Doctype et Mozilla


Gribouille26

Sujets conseillés

Bonjour,

J'ai un pb de doctype qui change la présentation de ma page sur Mozilla!!!

C'est lui:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" &quot;http://www.w3.org/TR/html4/loose.dtd"> :angry:

En fait, il supprime les marges...

Voir: cette page sans doctype

cette page avec doctype

J'ai essayé tout les doctypes présents sur cette page, mais le résultat est le même...

Je suis perplexe... :huh:

Lien vers le commentaire
Partager sur d’autres sites

Regarde les infos de la page (dans le menu contextuel). La présence d'un beau doctype fait passer mozilla en mode de respect des standards, c'est à dire un modèle de boîte standard (dans lequel les bords ne sont pas compris dans la largeur de la boîte).

En son absence, la page est gérée avec le modèle de Microsoft qui inclut les bordures dans le calcul de la largeur.

Regarde donc de ce côté-ci. ;)

Remarque : avec IE 6 il y a aussi une différence (mais le décalage se fait dans l'autre sens)

Lien vers le commentaire
Partager sur d’autres sites

C'est parce que selon que tu mettes ou pas un doctype, Mozilla, de même que la plupart des autres navigateurs, utilise un mode de rendu différent.

http://www.mozilla.org/docs/web-developer/quirks/

Utilise ce doctype pour avoir la présentation comme prévu:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Les navigateurs utiliseront leur mode de compatibilité (même chose si on ne met pas de doctype).

C'est le mieux à faire en attendant de repenser la feuille de style.

http://openweb.eu.org/articles/dimensions_boites_css/

http://openweb.eu.org/articles/initiation_centrage/

Ne pas oublier aussi que Mozilla par exemple, en mode standard, utilisera l'unité "pixel" pour des nombres sans précision d'unité dans la css. (eg: margin: 20;).

http://www.mozilla.org/docs/web-developer/.../quirklist.html

Modifié par Bobe
Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...