Printausgabe (CSS) verbessern

[wucherpfennig]

Hallo Zusammen


Da wir FAQ Artikel mit Bilder ausstatten und die PDF Ausgabe diese nicht anzeigt (kommt das noch als Feature?), verwenden wir oft die Browser Print Funktion.


Dabei ist uns aufgefallen, dass die Iframes nicht richtig dargestellt werde (gehen über das zu bedruckende Blatt hinaus). Entsprechendes CSS würde das beheben:

Code Auswählen Erweitern



@media print iframe {
    width: 100% !important; // add !important
}

@media print #Messages {
    /* margin-top: -40px; */ // remove negative margin
    padding: 0;
}



Auch würde es helfen, wenn allgemein (via Javascript, CSS geht schlecht...) bei Bilder das Attribut

Code Auswählen Erweitern

style="max-width:100%;height:auto"


hinzugefügt werden würde. Somit würde die Bilder zumindest mit skalieren und ärgerliche Scrollbalken fallen weg.


Alternativ wäre es natürlich auch möglich, wenn ein "IFRAME" CSS vorhanden wäre, mit welchem man auf übliche Art und Weise die Anpassungen vornehmen könnte.


Über ein kurzes Feedback würde ich mich freuen.


Beste Grüsse


wucherpfennig

[Danny Bochmann]

Hallo wucherpfennig,

vielen Dank für den Hinweis.

Ich werde die Info intern weiterleiten.

VG
Danny