Axel Richter: Tabellenformatierung

Beitrag lesen

Hallo,

IEs haben aber sowohl mit Pseudoklassen als auch mit Selektoren für benachbarte Elemente ihre Probleme.
Da bleibt nur, allen dritten td in jeder Zeile eine Klassenangabe mitzugeben und die Formatierung für die Klasse anzugeben.

Der IE kann in COL-Elementen viele CSS-Angaben umsetzten, die andere Browser dort nicht umsetzen. Das könnte man hier ausnutzen:

<style type="text/css">
 table {width:100%;}
 td:first-child+td+td {text-align: right; background-color:yellow;}
</style>

<table border="1">
<colgroup>
 <col width="50%">
 <col width="30%">
 <col width="20%" style="text-align: right; background-color:yellow;">
</colgroup>
 <tr>
  <td>Adresse</td>
  <td>Tag</td>
  <td>Uhrzeit</td>
 </tr>
 <tr>
  <td>Adresse1</td>
  <td>Tag1</td>
  <td>10:45</td>
 </tr>
</table>

viele Grüße

Axel