Christian Seiler: Tabellenzellen mit JS und style.display Ein-/Ausblenden

Beitrag lesen

Hallo wunderwarzenschwein,

Ist das ein Bug in Mozilla, oder habe ich einen Fehler im JS/CSS??

Du stehst gerade vor einem großen Problem:

Mozilla macht es wie so oft richtig und der IE falsch. Die display-Eigenschaft von Tabellenzeilen ist 'table-row' und von Tabellenzellen 'table-cell'. Der Mozilla ist er einzige mir bekannte Browser, der das korrekt unterstützt, wenn man es mit JavaScript kombiniert. Tabellenzellen und Tabellenzeilen sind KEINE Blockelemente, daher ist das Verhalten von Mozilla bei display = 'block' korrekt.

Leider hast Du aber das Problem, dass wenn Du es richtig machst, (also statt 'block' 'table-row'/'table-cell' verwendest) der IE spinnt.

Aber für Dich gibt es eine Lösung. Denn Du hast ja keine richtige Tabelle sondern nur ein paar untereinander angeordnete Blöcke. Daher kannst Du die Tabelle einfach rausschmeißen und dafür <div>s verwenden. Diese kannst Du dann mit display: block/none auf normalem Wege ausblenden.

Viele Grüße,
Christian