Lorsque vous concevez votre site Web, vous pouvez créer une image de fond qui définit où les éléments, comme un bloc de texte ou de liste de liens, doivent apparaître sur la page. Avec CSS, vous pouvez coiffer vos éléments HTML pour créer un sentiment de chevauchement alignement. Si Internet Explorer 8 ne pas aligner des objets avec le fond comme prévu, vous pouvez utiliser ce qui est connu comme un hack CSS pour y remédier.
Marges Réinitialisation
Plusieurs fois, le terme "CSS bidouille" se réfère à l'utilisation de solutions de CSS qui répondront à un navigateur spécifique, dans ce cas, Internet Explorer 8. Vous pouvez appliquer seulement certains CSS pour IE 8 dans plusieurs méthodes utilisant des instructions conditionnelles que vos utilisateurs de serveur après déterminer le navigateur de votre visiteur. Par exemple, vous pouvez spécifier une seule ligne de texte dans votre fichier CSS comme ceci:
Alternativement, vous pouvez charger une feuille entière de style pour IE 8 en utilisant la syntaxe suivante:
Marges Réinitialisation
Lorsque les images de fond et d'autres objets ne sont pas alignées votre site, essayez de réinitialiser les marges. Cela écrasera les marges par défaut entre les objets et sur la page elle-même, qui peut différer entre les navigateurs. Le code suivant permet de réinitialiser les marges ou rembourrage pour tout élément sur la page dans tous les navigateurs:
Vous pouvez alors commencer à coder votre site afin que l'image de fond permettra d'aligner des objets qui se chevauchent.
Considérations
Réinitialisation de marges ou de rembourrage sera applicable à tous les éléments sur votre page de sorte que vous devrez spécifier les marges - l'espace entre le bord et ses contenir ou autour des objets de l'objet - et le rembourrage - l'espace entre le bord de votre objet et le contenu intérieur de celui-- par défaut pour chaque élément. Si votre site contient de nombreux éléments, vous pouvez trouver cette solution ne convient pas. Si vous alignez tous les éléments en position relative, votre alignement peut être encore plus sensibles aux marges de IE8 par défaut. Envisagez d'utiliser le positionnement fixe, ce qui placera votre objet par rapport à la fenêtre du navigateur et non pas d'autres éléments, qui peuvent varier en position.
Alignement Fond
Avec CSS, vous avez plusieurs options par défaut pour aligner les images de fond dans vos éléments, si cet élément si la page elle-même ou une couche de div. Par exemple, vous pouvez aligner l'arrière-plan en haut à gauche, en bas à droite ou au centre. Pour un alignement plus précis, vous pouvez utiliser un pourcentage - de la largeur ou la hauteur récipient - ou définir des pixels exactes ou d'autres unités de compensation de votre arrière-plan du bord intérieur du conteneur. Dans l'exemple suivant, le fond va commencer 10 pixels de la gauche et 200 pixels de haut, ce qui peut aider à aligner avec d'autres contenus sur votre page.
div
{
background-position: 10px 200px-
}