CSS-Tabellenlayout, Ausgangsbeispiel

Arbeitszeitauswertung Woche 02/2005
Tag Datum Kommt Geht Anwesend Arbeitszeit Überstunden Fehlzeiten Bemerkungen
Summe: 3:48 3:43
Montag 10. Jan Krankheit
Dienstag 11. Jan 8:49 15:22 6:33 5:48 1:42
Mittwoch 12. Jan 7:32 18:13 10:41 9:56 2:26
Donnerstag 13. Jan 7:39 17:16 9:37 8:52 1:22
Freitag 14. Jan 7:16 13:30 6:14 5:29 2:01
Samstag 15. Jan
Sonntag 16. Jan

Das Style-Sheet enthält hier noch keine Deklarationen für die Tabelle:


Das HTML der Tabelle:

<table>
<caption>Arbeitszeitauswertung Woche 02/2005</caption>
<colgroup>
<col class="tag" />
</colgroup>
<colgroup class="rohdaten">
<col class="datum" />
<col class="kommt" />
<col class="geht" />
</colgroup>
<colgroup class="auswertung1">
<col class="anwsd" />
<col class="arbzt" />
</colgroup>
<colgroup class="auswertung2">
<col class="ubstd" />
<col class="fehlt" />
</colgroup>
<colgroup>
<col class="bemkg" />
</colgroup>
<thead>
<tr>
<th>Tag</th>
<th>Datum</th>
<th>Kommt</th>
<th>Geht</th>
<th>Anwesend</th>
<th>Arbeitszeit</th>
<th>Überstunden</th>
<th>Fehlzeiten</th>
<th>Bemerkungen</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Summe:</th>
<th></th>
<th></th>
<th></th>
<th></th>
<th></th>
<th>3:48</th>
<th>3:43</th>
<th></th>
</tr>
</tfoot>
<tbody>
<tr>
<th>Montag</th>
<td>10. Jan</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>Krankheit</td>
</tr>
<tr>
<th>Dienstag</th>
<td>11. Jan</td>
<td>8:49</td>
<td>15:22</td>
<td>6:33</td>
<td>5:48</td>
<td></td>
<td>1:42</td>
<td></td>
</tr>
<tr>
<th>Mittwoch</th>
<td>12. Jan</td>
<td>7:32</td>
<td>18:13</td>
<td>10:41</td>
<td>9:56</td>
<td>2:26</td>
<td></td>
<td></td>
</tr>
<tr>
<th>Donnerstag</th>
<td>13. Jan</td>
<td>7:39</td>
<td>17:16</td>
<td>9:37</td>
<td>8:52</td>
<td>1:22</td>
<td></td>
<td></td>
</tr>
<tr>
<th>Freitag</th>
<td>14. Jan</td>
<td>7:16</td>
<td>13:30</td>
<td>6:14</td>
<td>5:29</td>
<td></td>
<td>2:01</td>
<td></td>
</tr>
<tr>
<th>Samstag</th>
<td>15. Jan</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th>Sonntag</th>
<td>16. Jan</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>