Pourquoi mes listes ul et ol ne s'affichent-elles pas correctement dans IE7?

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é

Answer 1

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 ...

Answer 2

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.

Answer 3

Cela est dû au fait que les éléments ul / li ont hérité de la propriété à marge nulle.

Answer 4

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.