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