List Bullet verschwindet in IE7

8

Über

Diese Frage wurde also immer wieder gestellt, aber ich bemerkte etwas anderes; siehe unten .

Standardinfo:

  • Bullet wird in FF angezeigt
  • Bullet erscheint nicht in IE

Finden

  • Die Aufzählung verschwindet, wenn ein hasLayout für das Element <ul> festgelegt wird und nicht für <li> ; Dies wird oft erreicht, wenn * {zoom: 1}
  • ausgeführt wird

Firebug im Internet Explorer

UL:

%Vor%

LI:

%Vor%


Gibt es eine Idee, warum das Festlegen eines Layouts auf <ul> das Aufzählungszeichen ändert?
Ich dachte, es könnte der Margin / Padding sein, aber Firebug in IE zeigt das gleiche w / | w / o hasLayout.


Bare Page Beispiel:

%Vor%

Versuchen Sie das oben in IE7 w / und ohne die zoom:1 .
Hinweis: , weil dies mit hasLayout anderen Versionen von IE behandelt sind wahrscheinlich betroffen.

    
vol7ron 21.10.2010, 14:52
quelle

2 Antworten

12

Ich habe gefunden:

  • Einstellung li {margin-left: 1em} macht den Trick
  • Bei {margin-left:9px} sehen Sie die Kante der rechten Kante des Geschosses

Eine weitere interessante Sache ist, dass das Auslösen des HasLayouts auf dem Listenelement ( <li> ) das Geschoss an den unteren Rand des Textblocks bringt. Also, wenn Sie etwas wie *{zoom:1} verwenden, müssen Sie Ihre li am oberen Rand vertikal ausrichten: li{vertical-align:top}

    
vol7ron 21.10.2010, 16:00
quelle
1

Wegen der unterschiedlichen Aufzählungszeichen und Größen in Browsern und Browserversionen habe ich die Standardaufzählungszeichen nicht mehr verwendet und sie jetzt durch ein Bild ersetzt. Das behebt alle Probleme, die ich mit den Kugeln hatte, und Sie können Größe, Farbe und Form der Kugeln jetzt leicht ändern.

%Vor%

Zum Drucken können Sie eine CSS-Datei hinzufügen, die die Standardaufzählungszeichen verwendet, da Bilder nicht immer gedruckt werden.

Dies funktioniert nicht für nummerierte Listen ( <ol> ), also vergiss nicht den ul css Selector

    
Willem 21.10.2010 16:20
quelle