Drucklayout für Eventliste erstellen

Hallo zusammen,

ich stehe vor folgender Herausforderung und weiß nicht so richtig wie ich das angehen soll. Bei meinen Recherchen dazu bin ich auch nicht so richtig fündig geworden.

• Für die Webseite mit einer Eventliste möchte ich gerne ein Drucklayout erstellen. So viel ich erfahren konnte gibt es dafür 2 Möglichkeiten und zwar über die Druckfunktion oder als PDF, damit unsere Mitglieder die Termine ausdrucken oder abspeichern können. Welche Variante ist besser?

• Des weiteren dürfen einige Elemente wie Header, Footer usw. nicht dargestellt werden, dafür aber sollen 2 Grafiken und 3 Textelemente nur für das Drucklayout eingeblendet werden. Außerdem sollen auch nicht alle Spalten von der Eventliste im Drucklayout dargestellt werden. Ist in dem Fall eine eigene Seite für den Druck zu erstellen besser oder sollte man dies zusätzlich in die bestehende Seite integrieren.

• Sollte hier ein eigenes Stylesheet für den Druck angelegt werden oder ist es besser diese Styles in das bestehende Stylesheet hinzuzufügen.

• Auf der Seite mit der Eventliste soll ein Link eingebunden sein, über den man dann die Druckvorschau oder das PDF öffnen kann.

Gibt es irgendwo dafür entsprechende Informationen oder eine gute Anleitung?
Für Hinweise zur Umsetzung des Drucklayouts wäre ich sehr dankbar.


Gruß
Thomas

Hallo Thomas,

aus Erfahrung kann ich Dir sagen, dass Druckstylesheets immer eine ganz schöne Herausforderung darstellen.
Ein paar Tips habe ich vor einiger Zeit mal in einem Post zusammengefasst:
https://www.contao-bayern.de/newsrea...ylesheets.html

Außerdem sehr hilfreiche Tips gibt es von Rachel Andrews hier:
https://www.smashingmagazine.com/201...heets-in-2018/

Viele Grüße
Hella

ich bin jetzt einen grüßen Schritt weitergekommen mit dem Drucklayout.
Das mit dem Link und dem Aufruf der Druckvorschau hab ich hinbekommen.
Mit einem separaten Stylesheet für die unterschiedlichen Styles funktioniert die Darstellung.
Nur jetzt gibt es aber Probleme mit den verschiedenen Browsern, denn die versetzen #main nicht alle gleich nach rechts bei einer mittigen Positionierung. Denn MS-Edge hat 32px, Chrome 39px, Opera 16px und Firefox hat garkeinen Versatz nach rechts. Kann man diesen unterschiedlichen Versatz nach links von den einzelnen Browsern irgendwie abfangen, also jedem Browser speziell ansprechen und die Abweichung zugewiesen.. Oder gibt es eine andere mir noch nicht bekannte Möglichkeit, damit auch alle Browser #main mittig positionieren.
Danke!


Gruß
Thomas