nicht angemeldet
Hallo,
Vielleicht gibt es manche Effekte erst in Verbindung mit float.
Mal ein Beispiel zu display:table und display:table-cell.
IE 8 und Safari 4 interpretieren es ähnlich, aber anders als Opera oder Firefox.
Ich schaue es mir mal genauer an.
1. Das rote Quadrat passt überall mit Ausnahme Safari 3.1 und 3.2 wo es verschoben ist.
2. Quadrat und Höhe des dritten Quadrats: Zugegeben, hier weis ich grad nicht weiter.
CSS 2.1 sagt:
In CSS 2.1, the height of a cell box is the maximum of the table cell's 'height' property and the minimum height required by the content (MIN).
Die zweite Box scheint trotz separater Rahmen von der Rahmenbreite beeinflusst zu werden. In der dritten Box wird die Hälfte der Höhe durch die Rahmen verdeckt. Ich denke das ist ein Problem, dass sich jemand mit mehr Spec-Kenntnissen anschauen sollte.
Vielleicht komme ich auch drauf, wenn ich den Beitrag abgesendet habe :)
3. Bis vor kurzem definierte CSS 2.1, dass der Tabellenrahmen, bei beim zusammenfallenden Rahmenmodell zur Hälfte außerhalb der Tabellenbox dargestellt wird. Das wurde geändert und wird im Firefox (der es bis dato als einziger so dargestellt hat) auch korrigiert.
Damit ist erklärt, warum im Fx das blaue teilweise hinter dem roten Quadrat liegt.
4. und 5. dürften auch passen, auch wenns nicht ganz das Erwartete darstellt.
Ach ja, Eine Tabelle kann nicht von einem Float verdeckt werden, da die anonyme Box, die tabelle und Caption enthält ein block formatting context ist ;)
Gruß
Gunnar Bittersmann
Struppi