Kommentare zu: CSS: Kein Display table-row im IE

Von: Tobias Herrmann

Tobias Herrmann — Thu, 28 Jan 2010 14:10:36 +0000

Der IE8 macht mittlerweile zwar bei table-row mit, darauf konnte ich mich allerdings nicht ganz verlassen.

Daher vielen Dank für diese Anweisungen!

Von: Jeremy

Jeremy — Sun, 07 Jun 2009 19:09:55 +0000

Tausend Dank für diesen Hinweis!

Von: timi

timi — Tue, 29 Jul 2008 18:37:26 +0000

@Christoph: Manchmal ist die einfachste Lösung die Beste. Vielen Dank! Ich kannte das zwar, aber manchmal sieht man den Wald vor lauter Bäumen nicht.

@Andreas: Auch ein hervorragender Tipp! Dankeschön…

Von: Webagentur

Webagentur — Tue, 15 Jul 2008 19:35:01 +0000

Vielen Dank Andreas,

so wie Du es genannt hast funktioniert es wunderbar.

Von: Andreas Stephan

Andreas Stephan — Sun, 06 Jul 2008 10:07:55 +0000

eine andere Möglichkeit: Anstatt direkt mit dem Attribut zu arbeiten, kann man das ganze auch über Klassen lösen. Für den IE bindet man dann ein conditional Stylesheet mit den entsprechenden Regeln ein, also z.B.

/* standards compliant */
.row{
display: table-row;
}

.cell{
display: table-cell;
}

/*ie*/
* html .row, *+html .row{
display: block;
}

* html .cell, *+html .cell{
display: inline-block;
}

und dann einfach das Klassenattribut per JS ändern.

Von: tobias vogt

tobias vogt — Thu, 03 Jul 2008 18:57:45 +0000

der Christoph hat völlig recht. ein el.style.display = ”; setzt das Element auf Standard zurück.

Von: Christoph

Christoph — Thu, 03 Jul 2008 07:13:50 +0000

Ich habe irgendwo im Hinterkopf, dass eine CSS-Eigenschaft auf den Ursprungswert des Elements zurückgesetzt wird, wenn man einen leeren String übergibt, also:
el.style.display = ”; // = block

Aber so ganz sicher bin ich mir da gerade nicht mehr…