Fix fluctuating tbody heights by not using tables.
This commit is contained in:
parent
742a51b674
commit
d89bcbec06
GPG key ID:
C0F1D326C7626543
3 changed files with 225 additions and 185 deletions
|
|
@ -12,164 +12,175 @@
|
|||
</div>
|
||||
|
||||
<div class="pg-content">
|
||||
<table class="week">
|
||||
<thead>
|
||||
<tr>
|
||||
<th colspan="2">Unterweisungen, ausgeführte Arbeiten usw.</th>
|
||||
<th>Einzel-<br>Stunden</th>
|
||||
<th>Gesammt-<br>Stunden</th>
|
||||
</thead>
|
||||
<tbody class="day">
|
||||
<tr>
|
||||
<th rowspan="5" class="vtable"><div class="vertical">Montag</div></th>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td class="subtotal"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
|
||||
<tbody class="day">
|
||||
<tr>
|
||||
<th rowspan="5" class="vtable"><div class="vertical">Dienstag</div></th>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td class="subtotal"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<div class="week">
|
||||
<div class="week-head flexh flexfive">
|
||||
<div class="flexgrow">Unterweisungen, ausgeführte Arbeiten usw.</div>
|
||||
<div class="flexten">Einzel-Stunden</div>
|
||||
<div class="flexten">Gesammt-Stunden</div>
|
||||
</div>
|
||||
|
||||
<tbody class="day">
|
||||
<tr>
|
||||
<th rowspan="5" class="vtable"><div class="vertical">Mittwoch</div></th>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td class="subtotal"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<div class="day flexh">
|
||||
<div class="vertical">Montag</div>
|
||||
<div class="day-content flexv" onclick="editDayOpen(this)">
|
||||
<div class="day-line flexh">
|
||||
<div class="flexgrow"></div>
|
||||
<div class="sh flexten"></div>
|
||||
<div class="sh flexten"></div>
|
||||
</div>
|
||||
<div class="day-line flexh">
|
||||
<div class="flexgrow"></div>
|
||||
<div class="sh flexten"></div>
|
||||
<div class="sh flexten"></div>
|
||||
</div>
|
||||
<div class="day-line flexh">
|
||||
<div class="flexgrow"></div>
|
||||
<div class="sh flexten"></div>
|
||||
<div class="sh flexten"></div>
|
||||
</div>
|
||||
<div class="day-line flexh">
|
||||
<div class="flexgrow"></div>
|
||||
<div class="sh flexten"></div>
|
||||
<div class="sh flexten"></div>
|
||||
</div>
|
||||
<div class="day-line flexh">
|
||||
<div class="flexgrow"></div>
|
||||
<div class="sh flexten"></div>
|
||||
<div class="subtotal green flexten"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<tbody class="day">
|
||||
<tr>
|
||||
<th rowspan="5" class="vtable"><div class="vertical">Donnerstag</div></th>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td class="subtotal"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<div class="day flexh">
|
||||
<div class="vertical">Dienstag</div>
|
||||
<div class="day-content flexv" onclick="editDayOpen(this)">
|
||||
<div class="day-line flexh">
|
||||
<div class="flexgrow"></div>
|
||||
<div class="sh flexten"></div>
|
||||
<div class="sh flexten"></div>
|
||||
</div>
|
||||
<div class="day-line flexh">
|
||||
<div class="flexgrow"></div>
|
||||
<div class="sh flexten"></div>
|
||||
<div class="sh flexten"></div>
|
||||
</div>
|
||||
<div class="day-line flexh">
|
||||
<div class="flexgrow"></div>
|
||||
<div class="sh flexten"></div>
|
||||
<div class="sh flexten"></div>
|
||||
</div>
|
||||
<div class="day-line flexh">
|
||||
<div class="flexgrow"></div>
|
||||
<div class="sh flexten"></div>
|
||||
<div class="sh flexten"></div>
|
||||
</div>
|
||||
<div class="day-line flexh">
|
||||
<div class="flexgrow"></div>
|
||||
<div class="sh flexten"></div>
|
||||
<div class="subtotal green flexten"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="day flexh">
|
||||
<div class="vertical">Mittwoch</div>
|
||||
<div class="day-content flexv" onclick="editDayOpen(this)">
|
||||
<div class="day-line flexh">
|
||||
<div class="flexgrow"></div>
|
||||
<div class="sh flexten"></div>
|
||||
<div class="sh flexten"></div>
|
||||
</div>
|
||||
<div class="day-line flexh">
|
||||
<div class="flexgrow"></div>
|
||||
<div class="sh flexten"></div>
|
||||
<div class="sh flexten"></div>
|
||||
</div>
|
||||
<div class="day-line flexh">
|
||||
<div class="flexgrow"></div>
|
||||
<div class="sh flexten"></div>
|
||||
<div class="sh flexten"></div>
|
||||
</div>
|
||||
<div class="day-line flexh">
|
||||
<div class="flexgrow"></div>
|
||||
<div class="sh flexten"></div>
|
||||
<div class="sh flexten"></div>
|
||||
</div>
|
||||
<div class="day-line flexh">
|
||||
<div class="flexgrow"></div>
|
||||
<div class="sh flexten"></div>
|
||||
<div class="subtotal green flexten"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="day flexh">
|
||||
<div class="vertical">Donnerstag</div>
|
||||
<div class="day-content flexv" onclick="editDayOpen(this)">
|
||||
<div class="day-line flexh">
|
||||
<div class="flexgrow"></div>
|
||||
<div class="sh flexten"></div>
|
||||
<div class="sh flexten"></div>
|
||||
</div>
|
||||
<div class="day-line flexh">
|
||||
<div class="flexgrow"></div>
|
||||
<div class="sh flexten"></div>
|
||||
<div class="sh flexten"></div>
|
||||
</div>
|
||||
<div class="day-line flexh">
|
||||
<div class="flexgrow"></div>
|
||||
<div class="sh flexten"></div>
|
||||
<div class="sh flexten"></div>
|
||||
</div>
|
||||
<div class="day-line flexh">
|
||||
<div class="flexgrow"></div>
|
||||
<div class="sh flexten"></div>
|
||||
<div class="sh flexten"></div>
|
||||
</div>
|
||||
<div class="day-line flexh">
|
||||
<div class="flexgrow"></div>
|
||||
<div class="sh flexten"></div>
|
||||
<div class="subtotal green flexten"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="day flexh">
|
||||
<div class="vertical">Freitag</div>
|
||||
<div class="day-content flexv" onclick="editDayOpen(this)">
|
||||
<div class="day-line flexh">
|
||||
<div class="flexgrow"></div>
|
||||
<div class="sh flexten"></div>
|
||||
<div class="sh flexten"></div>
|
||||
</div>
|
||||
<div class="day-line flexh">
|
||||
<div class="flexgrow"></div>
|
||||
<div class="sh flexten"></div>
|
||||
<div class="sh flexten"></div>
|
||||
</div>
|
||||
<div class="day-line flexh">
|
||||
<div class="flexgrow"></div>
|
||||
<div class="sh flexten"></div>
|
||||
<div class="sh flexten"></div>
|
||||
</div>
|
||||
<div class="day-line flexh">
|
||||
<div class="flexgrow"></div>
|
||||
<div class="sh flexten"></div>
|
||||
<div class="sh flexten"></div>
|
||||
</div>
|
||||
<div class="day-line flexh">
|
||||
<div class="flexgrow"></div>
|
||||
<div class="sh flexten"></div>
|
||||
<div class="subtotal green flexten"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="week-foot flexh flexfive">
|
||||
<div class="flexgrow">Wochenstunden</div>
|
||||
<div class="total flexten"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<tbody class="day">
|
||||
<tr>
|
||||
<th rowspan="5" class="vtable"><div class="vertical">Freitag</div></th>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td class="subtotal"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody>
|
||||
<tr style="height:1em">
|
||||
<td colspan="3">Wochenstunden</td>
|
||||
<td class="total"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="sign">
|
||||
<table>
|
||||
<tr>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue