Druckausgabe

[Latze Bierknecht]

Salve,

im Bildschirmlayout meiner Seite (und nicht nur meiner Seite) ist oben ein Logo und links ein Menu. Wenn ich das nun ausdrucke, kommen beide komplett zu Papier, aber der wichtigere Seiteninhalt wird abgeschnitten, wenn er zu breit ist.
Ich könnte nun das Logo untendrunter und das Menu nach rechts setzen, damit beim Drucken nur unwichtiges abgeschnitten wird, aber irgendwie sieht das blöd aus.

Gibt es eine vergleichsweise einfache Möglichkeit, beim Drucken Menu und Logo komplett wegzulassen?
Wie sieht die vergleichsweise umfangreiche Lösung aus?

[Cheatah]

Hi,

Gibt es eine vergleichsweise einfache Möglichkeit, beim Drucken Menu und Logo komplett wegzulassen?

ja. Erstelle ein (ergänzendes) Layout für Print-Medien. Damit kannst Du zusätzlich den Inhaltsbereich auf eine Maximalbreite setzen. DIN A4 ist 21cm breit; vergiss die Ränder nicht.

Cheatah

[Latze Bierknecht]

Erstelle ein (ergänzendes) Layout für Print-Medien. Damit kannst Du zusätzlich den Inhaltsbereich auf eine Maximalbreite setzen. DIN A4 ist 21cm breit; vergiss die Ränder nicht.

Hm, ich würde aber gern, das Menu komplett weglassen. Wie teilt man in CSS einem Element mit, daß es gar nicht angezeigt werden soll?

Außerdem scheint sich das Thema Drucklayout noch nicht unter den Browsern und W3C rumgesprochen zu haben. Eine Garantie für ein Funktionieren auf den meisten Browsern gibt es also nicht.
Dabei sollte es doch naheliegen, daß man dafür etwas erfindet, weil man eine Page (quer) nicht immer problemlos (hochkant) ausdrucken kann. Warum gibt es dafür nichts? (Auf diese Frage müßt ihr nicht antworten)

[Siechfred]

Hm, ich würde aber gern, das Menu komplett weglassen. Wie teilt man in CSS einem Element mit, daß es gar nicht angezeigt werden soll?

Via display.

Außerdem scheint sich das Thema Drucklayout noch nicht unter den Browsern und W3C rumgesprochen zu haben. Eine Garantie für ein Funktionieren auf den meisten Browsern gibt es also nicht.

Aber sicher gibt's die, z.B.:

@media print {  
  body { font-family:Arial,sans-serif;font-size:10pt;color:black; }  
  #bild, #menu { display:none; }  
  h1 { font-size:12pt; }  
  h2 { font-size:11pt; }  
}

Siechfred

[Latze Bierknecht]

Das heißt, ich nehme alles, was in meinen Stylesheets drinsteht, packe es in ein @media print{ ... } und in ein @media screen { ... } und baue meine Unterschiede ein.
Da bin ich ja mal gespannt.

[Gunnar Bittersmann]

Hello out there!

Hm, ich würde aber gern, das Menu komplett weglassen. Wie teilt man in CSS einem Element mit, daß es gar nicht angezeigt werden soll?

Du meinst, das stünde nicht in http://de.selfhtml.org/@title=SELFHTML? Biste sicher? Lieber mal nachschauen. Click.

Das es um http://de.selfhtml.org/css/@title=CSS geht, weißt du ja. Click.

Wenn es geht, dann mit http://de.selfhtml.org/css/eigenschaften/@title=CSS-Eigenschaften. Click.

Oh, was gibt’s da zu lesen: <http://de.selfhtml.org/css/eigenschaften/printlayouts.htm@title=Layouts für Printmedien>. Click.

Das hätteste nun aber wirklich SELF finden können.

Außerdem scheint sich das Thema Drucklayout noch nicht unter den Browsern und W3C rumgesprochen zu haben.

Beim W3C schon. In CSS3 wird dann noch mehr möglich sein.

Die Druckfunktionen von Browsern (IE, Firefox) sind in der Tat grottenhaft miserabel.

See ya up the road,
Gunnar

[Orlando]

Das hätteste nun aber wirklich SELF finden können.

Die bessere Quelle dürfte allerdings http://aktuell.de.selfhtml.org/artikel/css/drucklayout/ sein.

Roland

[Gunnar Bittersmann]

Hello out there!

DIN A4 ist 21cm breit; vergiss die Ränder nicht.

Welche der Nutzer einstellt, nicht der Webseitenautor. Deshalb für den Inhaltsbereich _keine_ Breite angeben.

Das ist auch für das Bildschirmlayout empfehlenswert (dort evtl. eine Maximalbreite).

See ya up the road,
Gunnar