Tabelle mit CSS in XHTML

Moin,

ist dies für XHTML 1.0 Transitional so korrekt ? Hab ich das richtig verstanden das overflow:hidden den Umbruch des Textes erzwingt wenn der Text länger als die Zelle ist ?

table { width:100%; table-layout:fixed; caption-side:top; margin: 20px 0 20px 0;}

td { border:0px solid #fff; vertical-align:top; overflow:hidden; padding: 10px 0 10px 0;}


<table>
<tr>
<td>Inhalt</td>
<td>Inhalt</td>
</tr>
</table>

table { width:100%; table-layout:fixed;

Reicht dann also nicht aus ??

Also dann so... ???

table { width:100%; table-layout:fixed; caption-side:top; margin: 20px 0 20px 0;}

td { width:25%; border:0px solid #fff; vertical-align:top; overflow:hidden; padding-top: 5px;}

Nächste Frage ;-) nun hätte ich aber ganz gern, das Inhalt 1 und Inhalt 2 etwas näher zusammenrücken

<table>
<tr>
<td>Inhalt 1</td>
<td>Inhalt 2</td>
<td>Inhalt 3</td>
<td>Inhalt 4</td>
</tr>
</table>

Gut, das könnte ich mit

<td style="width: 120px;">

im Quelltext selber machen, aber geht es auch eleganter via CSS ? Die gesamte Tabelle sollte aber schon 100% haben

Zitat von Gustafsson

Also dann so... ???

table { width:100%; table-layout:fixed; caption-side:top; margin: 20px 0 20px 0;}

td { width:25%; border:0px solid #fff; vertical-align:top; overflow:hidden; padding-top: 5px;}

Ja

Nächste Frage ;-) nun hätte ich aber ganz gern, das Inhalt 1 und Inhalt 2 etwas näher zusammenrücken

<table>
<tr>
<td>Inhalt 1</td>
<td>Inhalt 2</td>
<td>Inhalt 3</td>
<td>Inhalt 4</td>
</tr>
</table>

Gut, das könnte ich mit

<td style="width: 120px;">

im Quelltext selber machen, aber geht es auch eleganter via CSS ? Die gesamte Tabelle sollte aber schon 100% haben

Was meinst du mit eleganter? Du kannst die 120px Breite für Tabellenzellen auch zentral definieren - dann ist die Tabelle allerdings auch nur 480px breit. Wenn die Spalten verschiedene, feste Breiten haben sollen udn die Tabelle nur auf einer Seite vorkommt, reicht es, diese (wie in deinem Beispiel) in den Zellen der ersten Zeile anzugeben. Wenn die Tabelle auf mehreren Seiten integriert ist, wäre es nicht verkehrt, für die Zellen IDs oder Klassen festzulegen und darüber die Breiten zentral zu definieren

Sieht gut aus ;-) richtig schick. Ja ja, ich habe Feuer gemacht - aber Jörg Du bist mein Held ;-)