Druckversion der Website erstellen

Gerade bei längeren Artikeln auf einer Website ist es für Besucher sehr müßig, diese mit der Druckfunktion des Browsers auszudrucken. Je nach Aufbau der Website führt dies mitunter zu erschreckenden Ergebnissen. Eine Möglichkeit der Abhilfe ist es, ein Stylesheet zu erstellen, das die Seite für den Ausdruck optimiert. Legen Sie dazu eine neue Datei an und geben Sie ihr einen eindeutigen Namen, zum Beispiel print.css. Da dieses Stylesheet für den Ausdruck optimiert sein soll, ein paar kleine Tipps:

• Verwenden Sie möglichst eine Schriftart mir Serifen (z. B. Times New Roman).
• Bei einem Ausdruck macht sich Blocksatz besser (text-align:justify;).
• Blenden Sie nicht benötigte Spalten und Elemente aus (display: none;).

Links gehen beim Ausdruck verloren. Wenn Sie die Linkadresse im Ausdruck anzeigen lassen möchten, tragen Sie folgende Zeilen in Ihr Stylesheet ein:

a[href]:after {
	content:" <"attr(href)">";
	background-color:inherit;
	font-style:italic;
}

Wenn Sie Ihr Stylesheet gespeichert haben, können Sie es per TypoScript einbinden. Hier kommt das Media-Attribut zu Hilfe. Damit lässt sich bestimmen, dass dieses Stylesheet nur für den Druck verwendet werden soll:

page.includeCSS {
 file1 = fileadmin/template/style.css
 file1.media = screen
 file2 = fileadmin/template/print.css
file2.media = print
}

Je nachdem, ob die Seite auf einem Monitor betrachtet oder ausgedruckt wird, wird das entsprechende Stylesheet angewendet.