Helmut Richter wrote:
> Aus der sehr knappen Beschreibung sowohl in der Spezifikation als auch in
> Benutzungsbeschreibungen kann ich nicht entnehmen, was der Unterschied
> zwischen diesen dreien ist, falls es sich um eine Tabelle handelt, also
>
> <table style="display: inline">
> <table style="display: inline-block">
> <table style="display: inline-table">
>
> Was ich erreichen will, ist dass die Tabelle als ganze als Inline-Box
> behandelt wird, dass also mehrere von ihnen nebeneinander in einer Zeile
> stehen, solange Platz ist. Was ich nunmehr gelernt habe, ist dass
> inline-block (was ich nach einer Diskussion hier für die Lösung hielt)
> falsch ist, weil es die Tabelleneigenschaft gerade *aufhebt*,
Dem ist natürlich nicht so.
> wie im Beispiel
>
>
http://test.csswg.org/suites/css2.1/20101210/xhtml1/border-collapse-
applies-to-005.xht
>
> demonstriert, wo border-collapse ignoriert wird, weil es eben keine
> Tabelle mehr ist.
In dem Beispiel gibt es kein table-Element.
> [Ex falso quodlibet]
Unter <
http://PointedEars.de/styles/test/display-inline> findest Du einen
*relevanten* Testcase. Du solltest das Folgende sehen:
TABLE-Element mit „display: table“
-----------------------------------
Das ist die Default-Darstellung. Die Tabelle erzeugt eine Block-Level-Box,
die so breit ist wie die Summe der Spaltenbreiten zuzüglich Abständen
zwischen diesen und zur Tabellenbox:
a
,---------------------.
: ,-------. ,-------. :
: : : : : :
: `-------' `-------' :
: ,-------. ,-------. :
: : : : : :
: `-------' `-------' :
`---------------------'
b
<
http://www.w3.org/TR/CSS2/tables.html>
TABLE-Element mit „display: inline“
------------------------------------
Der Tabelleninhalt wird wie der eines Inline-Elements behandelt (in WebKit
äquivalent zu „display: initial“), weshalb zwar die Zellen noch in Zeilen
und Spalten angeordnet sind, aber Abstände zwischen ihnen nicht mehr
vorhanden sind und die Tabelle keinen eigenen Rahmen hat:
a
,-------.,-------.
: :: :
:-------::-------:
: :: :
`-------'`-------'
b
<
http://www.w3.org/TR/CSS2/visuren.html#inline-boxes>
TABLE-Element mit „display: block“
-----------------------------------
Wie „display: table“, jedoch wird die Tabelle nun wie jedes andere Block-
Level-Element behandelt. Die Breite der Tabelle (nicht jedoch der Spalten,
deren Zellen haben weiterhin „display: table-cell“) wird von der Breite der
inneren Elternbox definiert (sofern nicht mit „width“ oder „max-width“ etwas
anderes angegeben wurde):
a
,--------------------------------------------------------------------.
: ,-------. ,-------. :
: : : : : :
: `-------' `-------' :
: ,-------. ,-------. :
: : : : : :
: `-------' `-------' :
`--------------------------------------------------------------------'
b
<
http://www.w3.org/TR/CSS2/visuren.html#block-boxes>
TABLE-Element mit „display: inline-block“
------------------------------------------
Wie „display: inline“, jedoch wird die Tabelle als Inline-Level-Element
behandelt, d. h. als Teil des Fliesstextes (wie ein Wort oder Zeichen), aber
ihr Inhalt wie der eines Block-Level-Elements. Daher bleiben die Zeilen und
Spalten erhalten und die Unterkante der Tabelle befindet sich auf der
Grundlinie (mit ASCII-Art nicht exakt darstellbar):
,---------------------.
: ,-------. ,-------. :
: : : : : :
: `-------' `-------' :
: ,-------. ,-------. :
: : : : : :
: `-------' `-------' :
a `---------------------' b
<
http://www.w3.org/TR/CSS2/visuren.html#propdef-display>
TABLE-Element mit „display: inline-table“
------------------------------------------
Wie „display: inline“, jedoch wird die Tabelle als Inline-Tabelle behandelt,
d. h. als Teil des Fliesstextes, aber nicht so wie Text. Daher bleibt die
Tabelle unverändert, gehört aber zur Zeile und ragt über die Grundlinie
hinaus:
,---------------------.
a : ,-------. ,-------. : b
: : : : : :
: `-------' `-------' :
: ,-------. ,-------. :
: : : : : :
: `-------' `-------' :
`---------------------'
<
http://www.w3.org/TR/CSS2/tables.html#table-display>
HTH
PointedEars
--
Was funktioniert in Tabellen bei NN4 wirklich verläßlich? Nicht mal die
Abstürze in Zusammenhang mit Tabellen sind verläßlich, auch wenn sie
häufig vorkommen. (Georg Maaß in dcljs <
3D6CCAEC...@vnett.de>)