(Durchschnitt: 5,00 von
5 –
1
Stimme(n)) - Fehler: Nicht angemeldet!
Loading...HTML ist nicht nur für einfache Webseiten geeignet, sondern auch für später ausdruckbare Seiten: So kann ein Onlineshop die Rechnungen direkt in HTML anzeigen, und schon für das Drucken optimieren. Anders als bei scrollbaren Bildschirmseiten werden die Ausdrucke aber von der Papierlänge eingeschränkt: Hier hilft ein einfacher HTML Seitenumbruch, um längere Seiten passend für den Druck zu optimieren. Den Seitenumbruch kann man in HTML ganz einfach per CSS Befehl erzeugen: Schon lassen sich längere Dokumente sinnvoll auf verschiedene Druck-Seiten aufteilen!
Bei druckbare Webseiten hilft an manchen Stellen der manuelle Seitenumbruch: So kann man als Designer oder Webmaster selber vorgeben, wann ein Inhalt auf einer neuen Seite erscheinen soll. Das ändert an der Darstellung auf dem Bildschirm nichts – hier wird der Umbruch gar nicht angezeigt und ignoriert, beim Ausdrucken kommt der weitere Inhalt aber auf eine neue Seite.
Für den Umbruch braucht man den CSS Befehl “page-break-before”, mit dem man den Umbruch vor dem aktuellen Element setzen, aber auch verhindern kann. Als Wert lässt sich mit “always” immer ein Umbruch vor dem aktuellen Element einfügen – mit “avoid” wird der Zeilenumbruch vor dem Element verhindert.
In dem folgenden Beispiel haben wir drei DIV-Elemente, von denen jeder Block auf einer eigenen Seite im Druck erscheinen sollen:
<div id="seite-1"> Inhalt für die erste Seite </div> <div id="seite-2" style="page-break-before:always;"> Inhalt für die zweite Seite </div> <div id="seite-3" style="page-break-before:always;"> Inhalt für die dritte Seite </div>
Mit dem HTML Seitenumbruch und dem CSS Befehl “page-break-before:always;” wird der nächste Inhalt jetzt auf die nächste Seite gedruckt, selbst wenn auf der aktuellen Seite noch Platz ist. So lassen sich bei dem Beispiel des Onlineshops zum Beispiel die Rechnung und die AGB oder Widerrufserklärung auf verschiedenen Seiten anzeigen, wenn das Dokument ausgedruckt wird.
