Zum Inhalt springen

Druckansicht Browser

Erstellt am 8. Januar 2012 · 6 Antworten · letzte Antwort am 31. Januar 2012

Tags: HTML & CSS, Frage

corona ·

Hallo zusammen,
ich habe mir eine Typo3 HP erstellt.

Oben auf der Homepage befindet sich der Header, darunter ein Megadropdown Menü (Horizontal) und darunter der Inhalt.
Wenn ich irgendeine Seite der Homepage drucken möchte, dann wird das Menü als Liste dargestellt und überlagert den Inhalt. Außerdem wird der Header mit dem Logo nicht gedruckt.

Hat jemand eine Ahnung, was das verursacht oder wie man es ändert?

Danke und Gruß

skydivematy ·

Hast Du ein Print CSS?

<link rel="stylesheet" type="text/css" href="fileadmin/styles/page/css/print_col_3.css" media="print" />

gruss
maty

skydivematy ·

Hallo Corona,
damit bestimmst du den Style der Druckansicht wie bei Deiner Website.

zum beispiel den Header, Navigation, Footer und die erste Column links nicht Drucken.

#header, #nav #col_left, #footer {
display:none;
}

h1, h2, h3 {
color:#000
}

und so weiter.

gruss
maty

skydivematy ·

Hallo Corona,
nimm Dir doch mal GOOGLE zur Hand und such doch mal TYPO3 Druckansicht, dort gibt es ne menge Tutorials die genau Beschreiben was Du tun must. Es kommt auch drauf an ob Du Templavoila nutzt oder nicht. Mit reinem CSS erteilst du nur dem Browser die Mitteilung das wenn Gedruckt werden soll ein anderes Stylesheet genommen werden soll wo bestimmte bereiche sozusagen ausgeblendet werden, also nicht gedruckt werden sollen.
guss
maty

corona ·

Danke,

ich hab generell verstanden wie das Ganze funktioniert. Ich habe in meinem Header normalerweise mit Background-color gearbeitet. Und da das Menü komisch angezeigt wird, wollte ich das GAnze durch ein Bild ersetzen.
Ich dachte zumindest, dass Bilder im Gegensatz zu Background-Color mitgedruckt werden.

Nun habe ich im Header ein <img> erstellt und es in der Original css datei als display:none markiert.

In der Printversion dann mit den entsprechenden Maßen.

Bei der Druckvorschau wird auch im Headerbereich etwa der Platz für das Bild angezeigt. Allerdings nicht mit Bild sondern in Weiß.

Woran kann das liegen? Was mache ich falsch?