Hallo zusammen,
ich habe ein Skript, das verschiedene Briefe erzeugt und diese untereinander ausgibt.
Ich möchte nun, dass jeder Brief auf einer separaten Seite beginnt.
Hier ist der HTML-Code für einen einzelnen Brief.
Je nachdem wieviele Briefe in dem Skript für den Druck ausgewählt wurden, wiederholt sich der Code entsprechend oft hintereinander.
<div id="brief">
<div id="adresszeile">
<div id="absender">Max Mustermann- Musterstr.12 - Musterhausen</div>
<div id="empfaenger">
Boto Sakautzky<br>
Gaisfeldweg 37<br>
91550 Dinkelsbühl<br>
</div>
</div>
<div id="header">
<h1>Überschrift 1</h1>
<h2>Überschrift 2</h2>
</div>
<div id="body">
<h3>Überschrift</h3>
<p>Mustertzext</p>
<table>
<tr>
<th>Spalte 1</th>
<th>Spalte 2</th>
</tr>
<tr>
<td>Zelle 1</td>
<td>Zelle 2</td>
</tr>
</table>
</div>
</div>
Jeder Brief enthält, wie man sieht auch noch eine mehr oder weniger lange Tabelle.
Damit jeder Brief immer auf einer neuen Seite beginnt, habe ich im Stylesheet folgende Zeile eingebaut:
@media print {
#brief {
break-before:always;
}
}
Das funktioniert auch solange, bis die Tabelle eine gewisse Größe überschreitet und der entsprechende Brief dann nicht mehr auf eine Seite passt.
In dem Fall steht der Rest der Tabelle dann auf der nächsten Seite und - hier liegt das Problem: Der nächste Brief beginnt direkt nach der Tabelle, d.h. NICHT auf einer neuen Seite.
Ich habe im Stylesheet auch schon "page-break-before" versucht und "page-break-after" und "break-after".
Leider ändert sich nichts.
Hat jemand einen Tipp, wo mein Fehler liegen könnte??
Viele Grüße
Daniel