Landschaftsdruck von IE8

Question

Ich habe gelesen Landscape printing from HTML, aber mein Problem ist spezifischer. Und bevor ich eine Niederlage kassiere und eine andere Karriere in Betracht ziehe, dachte ich, ich würde hier posten.

Dies ist meine Situation:

Ich bin eine Stundenplananzeige und Druckprogramm in HTML zu schreiben. Der Benutzer klickt auf verschiedene Optionen wie Raum, Datum usw. Anschließend wird ein AJAX-Aufruf durchgeführt, um die Daten abzurufen und die Stundenplanblöcke werden mittels Javascript absolut positioniert. Die Breite des Stundenplans ist mehr als die Höhe des Stundenplans. Also muss ich im Querformat drucken, um die Größe auf der Seite zu maximieren.

Erstens, @media print{@page {size: landscape}} einfach nur funktioniert unter keinen Umständen, ich habe es versucht.

Das funktioniert so: filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);.

Ich habe versucht, die CSS ImageTransform auf die HTML- oder BODY-Elemente anzuwenden, mit unterschiedlichen Ergebnissen.

Bei Anwendung auf das HTML-Element scheint es, als ob die Seite als Hochformat gerendert wird (dies ist die Standardeinstellung für Benutzer in meiner Organisation), und dann um 90 Grad gedreht. Das hilft mir natürlich nicht.

Wenn zum Körper Elemente angelegt, funktioniert alles, außer für Elemente, die entweder relativ oder absolut positioniert (was immer noch erscheinen Portrait) sind. Ich kann die absolute Positionierung nicht aufgeben, ohne von Grund auf neu zu schreiben, was ich nicht den Luxus habe.

Was soll ich tun?

Answer 1

Aufgrund der Macken in IE8 müssen Sie den Filter (Filter: progid: DXImageTransform.Microsoft.BasicImage (Rotation = 3);) auf jedes Element, das absolut positioniert ist, erneut anwenden.