IE7 et IE8 ignorer "marge: 0px auto;"

Question

http://blog.helpcurenow.org

Je travaille sur le développement de ce blog et il semble IE7 et IE8 deux affichent le contenu de sorte que le conteneur semble ignorer la « marge: 0px auto; » règle.

Cela pourrait être quelque chose d'autre que je ne reçois pas, mais de toute façon l'effet est que le contenu (ainsi que les liens de navigation) flottent vers la gauche pour une raison quelconque.

La chose étrange est que a) il ne se produit pas du tout dans Firefox ou Safari - OK, est-ce vraiment si étrange ?? et b) il n'est pas isolé à ie7, il semble que ie8 le fasse aussi.

JE N'AI AUCUNE CLUE POURQUOI - DES IDÉES?

Merci!

Answer 1

Votre page est le rendu en Quirks Mode dans IE parce que vous avez un commentaire:

<!--HOSTURL:blog.helpcurenow.org--><!--HOSTURL:blog.helpcurenow.org--> 

avant la <!DOCTYPE ...>. Le DOCTYPE doit être la première chose dans le document, ou IE l'ignorera.

Si vous supprimez ce commentaire ou le déplacez après le DOCTYPE, cela fonctionne parfaitement.

Answer 2

Débarrassez-vous du commentaire "<!--HOSTURL:blog.helpcurenow.org--><!--HOSTURL:blog.helpcurenow.org-->" en haut de la page. Le doctype doit être la première chose après les en-têtes HTTP, ou IE passe en mode quirks (et ne comprend pas le "margin: auto" jazz).

Answer 3

RichieHindle - Merci beaucoup! J'ajoutais une page d'accueil statique à mon site et j'ai fait l'erreur de créer un lien vers ma feuille de style personnalisée avant l'appel à get_header()! Cela a évidemment causé exactement le problème que vous avez décrit. J'ai passé 2 ou 3 heures avant d'avoir vu votre message.

Merci encore!

Answer 4

Bien que ce qui précède soit évidemment la réponse idéale, pour certains navigateurs plus anciens et plus obscurs, la seule solution consiste à utiliser une réinitialisation du centre d'alignement de texte. Par exemple, si vous voulez placer un conteneur 960px au centre de la fenêtre, vous pouvez placer le centre d'alignement du texte sur votre enveloppe de 100% de largeur, puis aligner le texte à gauche sur le conteneur 960px.