<html>
<head>
<title>Vertikaler Tabellenkopf</title>
</head>
<body>
<table border="1" style="margin-left:200px; margin-top:200px;">
<tr>
<td style="background-color:#0f0; width:50px; transform: rotate(-90deg); transform-origin:0px 0px">Der erste Tabellenkopf</td>
<td>Der zweite Tabellenkopf</td>
</tr>
<tr>
<td>Zelle 1</td>
<td>Zelle 2</td>
</tr>
</table>
</body>
</html>
Achtung:Rotation funktioniert nur im Firefox, da ich hier mal auf die alternativen CSS-Rotationsbefehle verzeichtet hab
Also ich will, dass Zellenspalte 1 genau 50px breit ist UND der Text des Tabellenkopf 1 einzeilig UND der Tabellenkopftext 1 genau mittig unten in seiner Zelle beginnt.