Pourquoi mes listes ul et ol ne s'affichent-elles pas correctement dans IE7?
-
10-07-2019 - |
Question
Quelque chose semble briser l'affichage des listes ( ul
et ol
) dans IE7. Ils fonctionnent bien dans IE8, FF, Safari, etc., mais pas dans IE7 et IE6.
Je veux juste qu'elles s'affichent normalement: les listes ul
doivent indiquer des points et les listes ol
doivent indiquer des chiffres.
Je l'ai réduit aux 1000 premières lignes de code de styles_layout.css
...;)
En fait, je pense que cela a quelque chose à voir avec les styles suivants:
* { margin: 0; }
html, body { height: 100%; }
.wrapper
{
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -39px;
}
Jetez un coup d'œil ici: http: // www.olvarwood.com.au/olvarwoodonline/mod/forum/discuss.php?d=2 , connectez-vous en tant que invité
La solution 3
Je l'ai résolu moi-même par essais et erreurs:
* {
margin: 0;
}
Ceci arrête les affichages corrects de Ol et Ul dans IE7 et IE6. Je ne sais pas pourquoi ...
Autres conseils
IE7 et au-dessous d'éléments de style ul comme celui-ci:
ul {
margin-left: 40px
}
Les bons styles de navigateurs utilisent des éléments tels que:
ul {
padding-left: 40px
}
C’est mieux expliqué par Eric Meyer ici: https://developer.mozilla.org/en/Consistent_List_Indentation et la section "Recherche de cohérence". vous dira ce que vous faites.
Cela est dû au fait que les éléments ul / li ont hérité de la propriété à marge nulle.
Je ne prétends même pas être un expert en CSS, je me fais malmener tout le temps, mais je me suis heurté à ça, bien que ma situation soit un peu différente.
J'ai fini par devoir spécifier une classe liée à ul et définir le type de liste.
.classname ul { list-style disc inside }
Essayez cela et voyez si cela vous aide.