nicht angemeldet
Hallo,
Ich positioniere ein <table>-Element mit margin-left: 20px. Da bis auf Opera und Safari 3 kein Browser das zugehörige <caption>-Element richtig positioniert (siehe unter http://www.thestyleworks.de/basics/tables.shtml#captions), bekommen Opera und Safari ein
caption { margin-left: 0 }
und alle anderen ein
caption { margin-left: 20px }
Firefox freut sich und stellt wie gewünscht dar, IE weiß wie immer nicht so genau, was los ist, stellt die Caption eigentlich standardkonform dar, ignoriert aber die margin-left-Anweisung und stellt daher auch wie gewünscht dar.
Alles prima, wenn nicht …
… die Beta von FF3 meine Neugier erweckt hätte. Und siehe da, auch FF3 stellt die Caption standardkonform dar und bräuchte daher das gleiche Stylesheet wie Opera und Safari.
Also müsste ich hier anfangen, zwischen FF2 und FF3 zu unterscheiden. Hurra!
Folgende Möglichkeiten gäbe es aus meiner Sicht:
a) noch mehr browserspezifische css-Dateien, die teilweise per JavaScript eingebunden werden.
-> mag ich nicht
b) kein margin-left auf die Tabelle, sondern stattdessen auf ein die Tabelle enthaltenes <div>-Element
-> abgesehen von einem zusätzlichen Element (noch ok), könnte dies eventuell Probleme mit dem Backend machen (das soll hier aber nicht weiter erläutert werden)
c) Es gibt eine Lösung, von der ich noch nichts weiß, aber Ihr.
-> Toll, her damit ;-)
Gruß
Olaf
MudGuard