Kniff für die Definition der Spaltenbreite in Tabellen

[Mik3e]

Guten Morgen zusammen,

Wollte mich mal erkundigen, ob es irgendeinen "Kniff" gibt, mit dem man die Breite der Spalten einer Tabelle über ein externes CSS mit EINMALIGER Deklaration steuern kann.

Ich kenne (bei XHTML Strict) nur folgende, korrekte Notation (kurzform):

CSS:

<table class="tabelle">
    <tr>
        <td style="width:30%">Spalte 1</td>
        <td style="width:10%">Spalte 2</td>
        <td style="width:60%">Spalte 3</td>
    </tr>
</table>

Das heißt, dass ich für jede Zelle explizit die Breite im Quellcode angeben muss. Oder: Jede Zelle hat eine eigene Klasse, über die ich die Breite im CSS definiere (auch nicht sehr elegant).

Diese Form der Notation wiederspricht aber den Vorteilen von XHTML Strict bzw. CSS basierenden Layouts, nämlich dem kurzen Quelltext.

Gibt es nicht eine Möglichkeit zB. in der Tabellendefinition festzulegen, wie breit jede Spalte sein soll? Also mir schwebt folgendes vor:

div#tabelle * td {
    width:30% 10% 60%;
}

Hat wer eine Ahnung ob es so etwas gibt? Oder eine ähnliche Möglichkeit um die Breitenangabe im Quelltext zu vermeiden bzw. jeder Zelle eine eigene Klasse zuzuweisen?

Danke & Ciao,
Mike

 

[hela]

Hallo Mik3e,
du kannst mit Hilfe des COLGROUP- und der COL-Elemente auf Tabellenspalten zugreifen und sie entsprechend gestalten, indem du beispielsweise jedem COL-Element einen Klassennamen verpasst.