nicht angemeldet
Hi,
Nun möchte ich aber, dass die erste und letzte Spalte linksbündig und der Rest mittig ausgerichtet sind. Wie kann ich mittels CSS eine einzelne Tabellenspalte gezielt formatieren?
mit :first-child und :last-child. Das Problem ist, dass insbesondere der IE hierbei versagt; ich empfehle daher, den <td>s Klassen zu verpassen.
*grrr* Ich _kann_ diese IE-Flamerei nicht mehr lesen. Der IE kann dafür COL-Elemente entsprechend formatieren:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Tabelle</title>
<style type="text/css">
<!--
table {border:1px solid black; width:100%;}
td {border:1px solid black; width:20%;}
tr>td {text-align:center;}
td:first-child {text-align:left;}
td:last-child {text-align:right;}
-->
</style>
</head>
<body>
<table >
<colgroup>
<col style="text-align:left; background-color:yellow;">
<col style="text-align:center; background-color:green;">
<col style="text-align:center; background-color:yellow;">
<col style="text-align:center; background-color:green;">
<col style="text-align:right; background-color:yellow;">
</colgroup>
<tr>
<td>links</td>
<td>mitte</td>
<td>mitte</td>
<td>mitte</td>
<td>rechts</td>
</tr>
<tr>
<td>links</td>
<td>mitte</td>
<td>mitte</td>
<td>mitte</td>
<td>rechts</td>
</tr>
<tr>
<td>links</td>
<td>mitte</td>
<td>mitte</td>
<td>mitte</td>
<td>rechts</td>
</tr>
</table>
</body>
</html>
Für das mit der Farbe ist Gecko zu blöd :-P
viele Grüße
Axel