nicht angemeldet
position:relative wirkt nicht beim Drucken
Linuchs
position:relative wirkt nicht beim Drucken
Linuchs
Moin,
beim Drucken eines Kalenders soll oben rechts der QR Code gedruckt werden, um eine Verbindung vom Papier zum Smartphone anzubieten.
Das absolut positionierte Bild wandert aber aus dem Container raus, obwohl der mit position:relative definiert wird. Und zwar nur beim Druck, nicht auf dem Bildschirm, wo ich das Bild testweise einblende.
Das Bild ist so positioniert:
.main {
position: relative;
...}
<section id="myORT" class="main">
<!-- QRC drucken, nicht anzeigen -->
<img src="./qrc/qrc_ORT_9205.png" alt="ORT=9205" style="position:absolute;right:0;top:0;width:3em;" />
Ich kann den Grund nicht finden, warum NUR BEIM DRUCKEN mit dem FF die relative Positionierung ignoriert wird.
Gruß, Linuchs
-
In der Druckvorschau ist das QR Teil zu sehen allerdings ragt das Datum (Uhrzeit) da hinein. MFG
-
In der Druckvorschau ist das QR Teil zu sehen allerdings ragt das Datum (Uhrzeit) da hinein.
Und genau da gehört der QRC NICHT hin, er ist NICHT absolut zum <body>, sondern zum <section> positioniert.
Du erkennst den Unterschied zwischen Druckvorschau und Bildschirm-Ansicht?
-
-
Moin,
beim Drucken eines Kalenders soll oben rechts der QR Code gedruckt werden, um eine Verbindung vom Papier zum Smartphone anzubieten.
Das absolut positionierte Bild wandert aber aus dem Container raus, obwohl der mit
position:relativedefiniert wird.Na dann guck mal in die Konsole. Da wird relative nämlich überschrieben mit absolute. MFG
-
Tach!
Das absolut positionierte Bild wandert aber aus dem Container raus, obwohl der mit
position:relativedefiniert wird.Ist er nicht.
Und zwar nur beim Druck, nicht auf dem Bildschirm, wo ich das Bild testweise einblende.
Genau dann ist er es nicht.
Das Bild ist so positioniert:
.main { position: relative; ...}Diese Regel kommt beim Druck nicht zur Anwendung.
Ich kann den Grund nicht finden, warum NUR BEIM DRUCKEN mit dem FF die relative Positionierung ignoriert wird.
Danach habe ich jetzt nicht gesucht, aber man kann im Firefox in den Entwicklertools zwischen Druck und Bildschirmdarstellung umstellen und so den Fall genauer untersuchen. Im Bild dargestellt sind die Regeln für die
section, und wie zu sehen ist, sind keine Regeln für.mainzu sehen. Aber wenn man auf Bildschirm umschaltet (über die rot eingekringelte Schaltfläche), sieht man welche.
dedlfix.
-
Hallo dedlfix,
man kann im Firefox in den Entwicklertools zwischen Druck und Bildschirmdarstellung umstellen
Danke für den Tipp, das kannte ich nicht.
Da habe ich in die CSS-Datei gesehen und sofort festgestellt, dass
class=mainnur für den screen relative war.Gruß, Linuchs
-
