Espace blanc indésirable (possding padding) pour le site wordpress sur Internet Explorer 6

Question

J'ai un espace blanc non désiré sur l'image d'en-tête, mais seulement visible depuis IE 7 retour, IE 8 et d'autres navigateurs l'afficher parfaitement.

Si quelqu'un pouvait me pointer dans la bonne direction pour corriger cela, ce serait fabuleux.

Merci à l'avance

tim

Answer 1

IE utilise un modèle de boîte non standard et d'hébergement peut être en HTML pour gérer bizarreries à base IE. Généralement cela fonctionne parce que c'est une déclaration de commentaire HTML et donc est ignorée par les navigateurs autres que IE, mais IE l'attrape et sait exécuter le code. Cela fonctionne pour les versions IE inférieures à 10.

Je l'ai fait il ya quelques années, et une recherche rapide sur le Web m'a apporté quelques exemples au http://www.quirksmode.org/css/condcom.html.

Fondamentalement, vous insérez un code tel que

<!--[if IE 6]> 
    Special instructions for IE 6 here 
    <![endif]--> 

Dans l'en-tête cela pourrait être

<!--[if IE 6]> 
     <style type="text/css"> 
      img {margin-top: -10px;} 
     </style> 
    <![endif]--> 

ou simplement un lien dans un fichier css seulement pour IE 6 ou plus tôt

<!--[if lt IE 6]> 
     <link rel="stylesheet" type="text/css" href="url to stylesheet for IE"> 
    <![endif]--> 

Dans WordPress, vous pouvez vous faufiler en utilisant l'éditeur dans vos pages d'administration. J'utilise le navigateur Google Chrome et trouve l'ID de l'objet que j'ai besoin de changer avec un clic droit/Inspecter l'élément, puis ajouter le code approprié pour faire des ajustements.