Hier bist Du: Home « Tabellen « table-layout

Tabellenlayout: table-layout

Beispiel

Darstellung der Tabelle.

<table border="1" style="table-layout:fixed">
 <tr>
  <td style="width:150px;">Irgendein_übergroßer_Inhalt</td>
  <td style="width:150px;">Irgendein_übergroßer_Inhalt</td>
  <td style="width:150px;">Irgendein_übergroßer_Inhalt</td>
 </tr>
</table>
Initialwert:auto
Vererbbar:Ja
Anwendbar auf: <table>-Tag und Elemente, die mit display:inline-table formatiert sind.
Medium:Visual
Werte:
auto
Der Inhalt der Zellen beeinflußt die Breite der Zellen und somit der Tabellen. Deshalb muß die Tabelle zunächst vollständig eingelesen werden, so daß der Aufbau der Tabelle langsamer ist als bei table-layout:fixed;. Dafür wird die Tabelle verbreitert, wenn der Inhalt nicht in die Zelle paßt.
fixed
Das Layout der Tabelle wird aus den Werten der Tabellen-, Spalten-, und Rahmenbreiten sowie den Zellabständen errechnet. Da die Breite bereits in der ersten Zeile festgelegt ist, wird die Tabelle vom Browser schneller gerendert als bei table-layout:auto; und der Zelleninhalt wird evtl. abgeschnitten, wenn er nicht in die angegebene Breite passt.
Inherit
Wert Internet Explorer Opera Netscape Mozilla/ Seamonkey Mozilla Firefox Safari Konqueror
5 5.5 6 MAC 5+ 5 6 7+ 4 6 7+ 1+ 0.8+ 1.0+ 3.3+
n j j j n n n n n n n n j j