Sternchen-Hack lässt List-Style verschwinden

[webarchitekt]

Hi
Ich verwende bei meine CSS-Definitionen den Sternchen-Hack, um das Standartverhalten abzuschalten

*{ margin:0; padding:0; border:0;}

Was mir nun zum ersten Mal auffällt, daß meine Style-Defs. für Listen nicht mehr funktionieren

#naviLeft ul{
    list-style-type: square;
    line-height:24px;
    color:#FFF;
    margin: 50px 0 0 7px;
}

Die Liste erscheint ohne Aufzählungszeichen.

Kennt jemand dieses Verhalten und kann es mir erklären?
Danke
Rolf

 

[MyBad]

AW: Sternchen-Hack lässt List-Style verschwinden

Hi! Du musst dann bei den Listen wieder einen Wert für "Padding-Left" setzen. Dann sollten auch die Aufzählungszeichen wieder dargestellt werden können.

Durch das fehlende Padding schiebt sich der Inhalt quasi vor die Zeichen.

Edit:
Ich hatte es im Fire Fox 3.6 getestet. Dort war das Fehlen der Zeichen nur durch die Zugabe eines Padding-Wertes zu beheben.

 

[sokie]

AW: Sternchen-Hack lässt List-Style verschwinden

*{} ist kein hack. mit *{} lassen sich regeln für alle Elemente der Seite festlegen, ist also ein universalselektor.
"lässt list-style verschwinden", ist nicht korrekt. Im Internetexplorer fällt das listensymbol in den margin-bereich (der ja nun auf 0 gesetzt ist). In anderen Browsern sind die listensymbole zu sehen.
für die Internetexplorer Versionen kann man das per CC korrigieren, indem man den listenelementen wieder ein margin-left gibt.

 

[webarchitekt]

AW: Sternchen-Hack lässt List-Style verschwinden

Jau, genau so geht's

Danke !

 

[jackprince]

AW: Sternchen-Hack lässt List-Style verschwinden

ergänzend zu sokie

CC = Conditional Comments

Und die sind die bessere und unproblematischere Variante um IE spezifische
CSS "auszuliefern".

CSS hacks sind veraltet und machen mittlerweile mehr Probleme als das sie nützen.