web-dev-qa-db-fra.com

Le site Web ne s'affiche correctement que dans IE en mode de compatibilité?

En tant que résident "IT Whiz" au travail (par exemple: je sais utiliser un ordinateur), on m'a demandé de développer un site Web pour notre petite entreprise. Pour le moment, j'ai modifié un thème wordpress et la société est très satisfaite des résultats. Le seul problème que je rencontre actuellement est que, pour une raison quelconque, le site Web ne s'affiche pas correctement ni Internet Explorer, à moins que je ne l'exécute en mode de compatibilité.

Le principal problème que j'ai est que mon menu "slider" (il fait pivoter les images avec des liens vers des articles, etc.) ne s'affiche pas du tout, pas plus que le menu du haut, il ne s'agit que de liens clignotants basés sur du texte.

Même si le mode de compatibilité est activé, le curseur et les menus sont rétablis, mais la page n'est pas centrée contrairement à Firefox et à Chrome. Mon article sur Google a suggéré que la cause la plus commune de ce code est l'ancien code, mais je ne sais pas trop où chercher. Est-ce probable dans le fichier css ou le php réel?

Également des idées sur la façon de résoudre la cause de ceci? Y at-il des outils de développement ou un débogueur que je pourrais utiliser pour souligner le code "cassé" pour moi?

2
user21318

Corriger votre erreurs de validation HTML vous apportera un long chemin à parcourir pour résoudre votre problème. Il n’ya probablement que 4 erreurs "critiques" et la plupart des autres sont dues à ces quelques erreurs.

Pour vous aider à démarrer ...

Ligne 10 - Vous avez une double citation erronée dans votre attribut content:

<meta name="viewport" content="width=device-width, initial-scale="1.0" />

Ligne # 109 - Vous semblez avoir un commentaire HTML dans un commentaire HTML - après avoir tenté de commenter un bloc de code HTML. Le commentaire commence à la ligne 99.

</div><!-- #search -->

Fermez le commentaire en premier ...

</div> --><!-- #search -->

Ligne 216 - 219 - Vous imbriquez ps dans ps et vous présentez une non-correspondance p.

Ligne 270 - Vous essayez de link une feuille de style dans votre pied de page. Cela doit aller dans la section <head>...</head>.

Vous avez déjà commenté votre DOCTYPE XHTML. Cela déclenchera le mode quirks dans IE. Vous avez besoin d'un DOCTYPE. Probablement <!DOCTYPE html> suffirait.

2
MrWhite

Un bon point de départ serait un éditeur de code avec validation. Un exemple serait Aptana Studio 3, qui dispose de nombreux outils pour analyser votre code. C'est gratuit, donc le téléchargement vaut la peine http://www.aptana.com/

0
Martin de Keijzer