counter-increment usw. funktioniert nicht in WebKit-Browsern
robbbert
- css
Ich habe CSS-Code, das vor Überschriften (h1, h2 usw.) eine Numerierung einfügt (1., 1.1., 1.2. usw.). (Beispiel-CSS-Code findet sich im Anhang.)
Das sollte gültiges CSS2 sein - und funktioniert auch mit den meisten aktuellen Browsern (Firefox, Opera, Konqueror).
Verschiedene WebKit-basierte Browser (Chrome, Epiphany, Midori) allerdings "zählen" nicht richtig, z.B. so:
1.
0.1.
0.1.
0.0.1.
1.
1.
...
Laut Wikipedia (http://en.wikipedia.org/wiki/Comparison_of_layout_engines_%28Cascading_Style_Sheets%29) sollen die das aber können.
Mache ich was falsch? - So macht man das doch wohl in CSS, oder?!
-----
h1 {
counter-increment: h1;
counter-reset: h2;
}
h1:before {
content: counter(h1) ". ";
}
h2 {
counter-increment: h2;
counter-reset: h3;
margin-left: 1em;
border-top: 1px dotted;
}
h2:before {
content: counter(h1) "." counter(h2) ". ";
}
...
Om nah hoo pez nyeetz, robbbert!
vielleicht sollte irgendwo ein counter-reset für h1 untergebracht werden?
Matthias
vielleicht sollte irgendwo ein counter-reset für h1 untergebracht werden?
Danke für die Antwort - aber der Zähler für h1 braucht niemals zurückgesetzt zu werden; er erhöht sich einfach mit jeder Überschrift erster Ebene.
vielleicht sollte irgendwo ein counter-reset für h1 untergebracht werden?
Danke für die Antwort - aber der Zähler für h1 braucht niemals zurückgesetzt zu werden; er erhöht sich einfach mit jeder Überschrift erster Ebene.
Wie wird denn dieses Beispiel im Safari angezeigt?
mfg Beat
Om nah hoo pez nyeetz, robbbert!
Danke für die Antwort - aber der Zähler für h1 braucht niemals zurückgesetzt zu werden; er erhöht sich einfach mit jeder Überschrift erster Ebene.
Initialisierung?
Matthias