nicht angemeldet
Die H3-Objekte gehören wegen dem float:left nicht zum Objekt (div.abschnitt), in dem sie stehen und wirken sich deshalb auch nicht auf dessen Höhe aus. Somit können sich Deine Abschnitte garnicht auf die Höhe der Überschriften ausdehnen.
Aber warum macht's dann Opera? Dass der Norweger etwas nicht implementiert hat, ok. Aber definitiv falsch macht er nur ganz wenig. In diesem Fall finde ich, er hat recht.
Tja? Schau Dir mal das Beispiel mit den roten Rahmen in der CSS2-Doku an: http://www.w3.org/TR/REC-CSS2/visuren.html#floats. Nun steht da blöderweise kein Quelltext bei und es könnte sein, daß sich <p>s anders verhalten als <div>s. Aber eigentlich sind das doch beides Blockelemente, oder nicht?
Ich bin davon abgesehen ja der Meinung, daß die Browser hier grundsätzlich etwas falsch machen und das sich derselbe Effekt auch mit display:block erreichen lassen müsste.
Das wäre mir auch lieber und erscheint auch logischer. Jaja, die Sache mit dem Wald und den Bäumen...
Laut http://www.w3.org/TR/REC-CSS2/visuren.html#containing-block sollte jedes Block-Element der Container für alle seine Kinder sein, und Elemente mit float sollten sich an ihrem Container ausrichten.
Ja, nur sollten sie das bei float/clear nicht auch?
Äh, wo jetzt? Momentan richten sie sich am Fenster aus und der Mozilla macht halt den Fehler, das clear nicht zu beachten.
Was Mozilla definitiv falsch macht: Er beachtet das clear:left der Abschnitte nicht, was dazu führt, daß die Überschriften übereinanderliegen.
Schön zu sehen, wenn man die Schrift kräftig vergrößert. IMHO ein dringender Fall für http://bugzilla.mozilla.org.
Och, wieso dringend? Bis die Seite steht, kann er es >;)
Dazu mußt Du es ihm aber erstmal erzählen :) Wo Du doch so eine schöne Beispielseite hast. So einen eindeutigen Fehler hat man ja nun wirklich eher selten, wär' schade, wenn der (bzw. Deine Seite) "ungenutzt" dahinzieht.
Gruß,
soenk.e