Spaltenweise Formatierung

[Gunnar Bittersmann]

@@Micha:

gint es eine einfache Möglichkeit, ganze Spalten einer Tabelle mit CSS zu formatieren? Ich dachte zunächst an colgroup bzw. col doch damit kann ich zB die Textausrichtung oder die Schriftfarbe (vermutlich Inhalt allg) nicht ändern.

Im IE doch. (Obwohl der Tetx ja nich in den 'col'/'colgroup'-Elementen liegt, also deren Eigenschaften keinen Einfluss auf den Text in 'td'/'th'-Elementen haben sollten.)

Wie schaffe ich es, dass eine Spalte zB rechtsbündig ist, ohne jedem TD eine Klasse zu geben?

Andere Browser verstehen die Pseudoklasse ':first-child' und den Selektor für benachbarte Elemente. [CSS2 §5]

<table>  
 <col id="col1"/>  
 <col id="col2"/>  
 <col id="col3"/>  
 <tbody>  
  <tr>  
   <td>foo</td>  
   <td>bar</td>  
   <td>baz</td>  
  </tr>  
 </tbody>  
</table>

col  
{  
 width: 8em;  
}  
  
#col2 /* IE */  
{  
 text-align: right;  
 color: red;  
}  
  
td:first-child+td /* not IE */  
{  
 text-align: right;  
 color: red;  
}

In einer Regel die Selektoren zu gruppieren ('#col2, td:first-child+td') geht nicht, da der IE dann wegen seines Unverständnisses für ':first-child' und den Selektor für benachbarte Elemente die ganze Regel ignorieren würde.)

Wenn die erste Zelle jeder Zeile ein Zeilenkopf ('th'!!) ist, geht’s ohne Pseudoklasse: 'th+td'.

Live long and prosper,
Gunnar