FAQ version Beta 0.5
Décalages, marges, bugs divers
Comment corriger un espace à gauche d'une liste différent entre IE, Firefox et Opera ?
Pour créer l'espace nécessaire aux puces d'une liste ordonnée ou non, les navigateurs n'ont pas tous adoptés la même méthode :
- Les navigateurs basés sur Gecko (FireFox, Mozilla) et Opera (à partir de sa version 9.0) appliquent par défaut un padding-left de 40px à l'élément ul, et y placent la puce.
- Tandis qu'IE se sert d'un margin-left de 40px.
Quand on modifie uniquement soit la marge, soit le remplissage d'une liste, on se retrouve donc avec un résultat différent selon les navigateurs. Pour y remédier, il suffit de toujours spécifier à la fois les valeurs de margin et de padding pour les éléments ul et ol, en mettant l'un des deux à zéro et l'autre à la valeur d'espacement souhaitée.
- Les navigateurs basés sur Gecko (FireFox, Mozilla) et Opera (à partir de sa version 9.0) appliquent par défaut un padding-left de 40px à l'élément ul, et y placent la puce.
- Tandis qu'IE se sert d'un margin-left de 40px.
Quand on modifie uniquement soit la marge, soit le remplissage d'une liste, on se retrouve donc avec un résultat différent selon les navigateurs. Pour y remédier, il suffit de toujours spécifier à la fois les valeurs de margin et de padding pour les éléments ul et ol, en mettant l'un des deux à zéro et l'autre à la valeur d'espacement souhaitée.
Liens complémentaires