Warum die Anzeige meiner ul und ol Listen nicht richtig in IE7?

Question

Etwas scheint die Anzeige von Listen (ul und ol) in IE7 zu brechen. Sie funktionieren in IE8, FF, Safari usw., aber nicht IE7 und IE6.

Ich mag, dass sie nur normal angezeigt werden. ul Listen zeigen sollen Aufzählungspunkte und ol Listen sollten Zahlen zeigen

Ich habe es verengt bis zu den ersten 1000 Zeilen Code in styles_layout.css ...;)

Tatsächlich, ich glaube, es hat etwas mit den folgenden Arten zu tun:

* { margin: 0; } 

html, body { height: 100%; } 

.wrapper 
{ 
  min-height: 100%; 
  height: auto !important; 
  height: 100%; 
  margin: 0 auto -39px; 
} 

Haben Sie einen Blick hier: http: // www.olvarwood.com.au/olvarwoodonline/mod/forum/discuss.php?d=2 , Login als guest

Answer 1

Ich löse es selbst durch Versuch und Irrtum:

* {
    margin: 0;
}

Dies stoppt OLS und ULs ordnungsgemäß in IE7 und IE6 anzuzeigen. Ich habe keine Ahnung, warum ...

Answer 2

IE7 und unten Stil ul Elemente wie folgt aus:

ul {
  margin-left: 40px
}

Gute Browser Stil ul Elemente wie folgt aus:

ul {
  padding-left: 40px
}

Es ist besser, erklärt Eric Meyer hier: https://developer.mozilla.org/en/Consistent_List_Indentation und der Abschnitt „Finding Konsistenz“ wird Ihnen sagen, was Sie tun.

Answer 3

Dies ist, weil die ul / li Elemente, die die Null-Marge Eigenschaft geerbt haben.

Answer 4

Ich werde nicht einmal so tun, als ein Experte für CSS zu sein, ich meinen Hintern, indem sie es die ganze Zeit getreten, aber ich kam da gerade diese laufen, obwohl meine Situation etwas anders war.

I endete mit bis eine Klasse angeben, gebunden an ul und stellen Sie die Liste-Typ.

.classname ul { list-style disc inside }

Versuchen Sie, und sehen, ob es hilft.