Hallo,
wir drucken regelmäßig Teilnehmerlisten, die auch mal etwas länger werden können (und nicht komplett auf eine A4-Seite passen). Zudem ist jetzt gewünscht, dass auch auf jeder Seite ein Footer angezeigt wird, der den Stand des Dokuments angibt, idealerweise auch noch die Seitenzahl. Ist sowas mit CSS möglich?
Meine bisherigen Versuche sind leider gescheitert:
<style>
@media print {
@page {
size: A4;
margin: 5mm;
}
body {
position: relative;
}
html, body {
margin: 0mm !important;
height: 100%;
}
.tliste {
height: 80%;
}
.printfooter {
position: fixed;
bottom: 0;
font-size:6pt;
line-height:6pt;
}
}
</style>
Die Tabelle ist ein simples <table class="tliste"> mit <thead> und <tbody> "Gerappel".
Der Footer:
<div class="printfooter">
Teilnehmerliste<br/>
2017-06-02<br/>
M. Esse<br/>
</div>
Durch das Begrenzen der Tabelle auf Höhe 80% schneide ich leider nur die Tabelle ab. Bei 100% wird beim Seitenwechsel der Header nicht nochmal angezeigt und der Footer steht auch nur auf der letzten Seite.
Lässt sich das überhaupt nur über CSS lösen oder muss ich womöglich die Anzahl der Zeilen zählen und dann manuell einen Umbruch erzwingen?
LG Marvin