Lors de la conception d`un site Web, vous remarquerez peut-être que la page Web est légèrement différente dans tous les navigateurs. Ceci est parce que chaque navigateur lit le code différemment. Les différences ont souvent à voir avec les feuilles de style en cascade du site (CSS). Codage CSS pour Internet Explorer 7 peut être un mal de tête, parce que ce navigateur a tellement de problèmes d`interprétation du code CSS. Pour cette raison, faire un site le même aspect dans Internet Explorer 7 comme il le fait dans d`autres navigateurs prend quelques tours.
Gardez CSS 3 sur vos feuilles de style. Alors que d`autres navigateurs prennent en charge la nouvelle version de CSS, Internet Explorer 7 ne prend pas beaucoup de celui-ci. Il est préférable de garder CSS 3 du code de vos sites Web jusqu`à ce que Internet Explorer a un meilleur support pour elle.
Utilisation "text-align" lors du centrage des étiquettes de division. tags Division, plus communément connu sous le nom "divs," sections distinctes de code HTML. Dans les autres navigateurs, il y a un tricheur pour le centrage divs dans le CSS, qui ressemble à quelque chose comme ceci:
.divtag {
margin-left: auto;
}
Toutefois, cela ne fonctionne pas dans Internet Explorer 7. Si vous voulez centrer une div, vous devez ajouter le code suivant à votre CSS:
html, body {
text-align: center;
}
Résoudre les problèmes de marge. Les marges par défaut d`Internet Explorer sont différents des autres navigateurs, qui font dispositions de site Web ne paraissent pas. Collez le code suivant entre le
et balises dans votre code HTML.le
background: url ( `background.jpg`);
position: relative;
}
Évitez le sélecteur d`enfant à métaux, il ne fonctionnera pas. Dans le passé, si vous aviez des questions faisant un travail de CSS pour Internet Explorer, vous pouvez utiliser un code comme ceci:
htmlgt; .divexample corps {
largeur: 100px;
hauteur: 100px;
padding: 5px;
background: # 000000;
}
Internet Explorer 6 et ci-dessous ne comprennent pas "htmlgt; corps"- Donc, lorsque Internet Explorer voit que le code, il l`ignore. Cela vous permet de cacher le code de ces navigateurs. Toutefois, cela ne fonctionne plus dans Internet Explorer 7 ainsi, ne pas utiliser ce code.
Utilisez le "lien rel" Procédé de liaison de CSS pour une page web plutôt que "importer" méthode. Il existe deux façons de lier une feuille de style externe à un document HTML. L`un est le code d`importation, qui ressemble à quelque chose comme ceci:
Cette méthode est tombé en disgrâce, parce qu`Internet Explorer ne comprend pas toujours ce. La méthode suivante est beaucoup plus fiable:
