Zum Inhalt springen

[CSS] Div-Layer in Druckvorschau


Aiun

Empfohlene Beiträge

hu,

ich habe einen Kalender mit Objekten(z.b. Personen, Räume) und Uhrzeiten

um eingetragene Termine anzuzeigen, werden Div-Layer absolut positioniert.

Nun soll das ganze noch als Druckausgabe bereitgestellt werden.

Leider werden meine Div-Layer aber gekonnt ignoriert (werden nicht angezeigt),

es gibt auch ein print.css, das abgesehen von einigen layout-elementen jedoch das gleiche ist wie für Screen auch.

Ideen ?

warum ignoriert der Drucker explizite CSS anweisungen ? (hintergrundfarbe)

bzw. wie kann ich erzwingen das er die beachtet.... im CSS/HTML

danke

Link zu diesem Kommentar
Auf anderen Seiten teilen

Wird überhaupt die print.css angezogen?

Falls nicht, muss das im Head stehen:


<head>

  <link rel="stylesheet" media="print" href="print.css">

</head>

Danach solltest du die Layer im print.css natürlich anpassen und dann sollten auch diese angezeigt werden. Achte ausserdem drauf das in dem print.css die Layer nicht auf display: none; stehen, denn das ist eigentlich üblich bei print.css Dateien.

Link zu diesem Kommentar
Auf anderen Seiten teilen

seltsam aber war,

ich hatte eine Transparent (opacity / filter) mit 70% deckung drin, sobald die Zeilen raus waren, wurden auch die Div-layer angezeigt.

Allerdings nur in verbindung mit einem explizit ausgewiesenen Print-Stylesheet.

Ohne kam es zu Positionierungsfehlern.

Ich würde es ja jetzt näher eingrenzen / analysieren ;) aber ich muss weitermachen

Link zu diesem Kommentar
Auf anderen Seiten teilen

Dein Kommentar

Du kannst jetzt schreiben und Dich später registrieren. Wenn Du ein Konto hast, melde Dich jetzt an, um unter Deinem Benutzernamen zu schreiben.

Gast
Auf dieses Thema antworten...

×   Du hast formatierten Text eingefügt.   Formatierung wiederherstellen

  Nur 75 Emojis sind erlaubt.

×   Dein Link wurde automatisch eingebettet.   Einbetten rückgängig machen und als Link darstellen

×   Dein vorheriger Inhalt wurde wiederhergestellt.   Editor leeren

×   Du kannst Bilder nicht direkt einfügen. Lade Bilder hoch oder lade sie von einer URL.

Fachinformatiker.de, 2024 by SE Internet Services

fidelogo_small.png

Schicke uns eine Nachricht!

Fachinformatiker.de ist die größte IT-Community
rund um Ausbildung, Job, Weiterbildung für IT-Fachkräfte.

Fachinformatiker.de App

Download on the App Store
Get it on Google Play

Kontakt

Hier werben?
Oder sende eine E-Mail an

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

×
×
  • Neu erstellen...