robbbert: counter-increment usw. funktioniert nicht in WebKit-Browsern

Beitrag lesen

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?!

  • Fürs Lesen, Grübeln und vielleicht auch fürs Antworten bedanke ich mich im voraus.

-----
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) ". ";
}

...