Navigation nicht ausdrucken

[molily]

Hallo, Urs,

Ich habe eine Seite, welche in zwei Spalten aufgeteilt ist. Die Linke Spalte beinhaltet die Navigation, die rechte Spalte den Seiteninhalt. Nun möchte ich lediglich den Inhalt - also die rechte Spalte - ausdrucken.
Wohl habe ich gesehen, dass es eine Möglichkeit mit class="noprint" gibt, doch finde ich nirgends, wie ich dasa bewerkstelligen muss.

Es gibt verschiedene Möglichkeiten, Stylesheet-Regeln einzubinden, welche speziell beim Drucken angewendet werden. Entweder indem die CSS-Regeln für die Druckausgabe in einer besonderen Datei untergebracht werden und wie gewohnt eingebunden werden, nur mit media="print": http://selfhtml.teamone.de/css/formate/einbinden.htm#link_media
Alternativ kannst du in einem Stylesheet, welches dann mindestens für die Ausgabetypen screen und print gilt, ein @media print {...} unterbringen. In diesem @media-Bereich kannst du dann die Styleregeln unterbringen, welche nur für die Druckausgabe gelten sollten, siehe http://selfhtml.teamone.de/css/formate/einbinden.htm#media.

Damit eine Tabellenzelle (Spalte) im Druckstylesheet adressiert werden kann, solltest du sie am Besten mit einer ID (id-Attribut) http://selfhtml.teamone.de/css/formate/zentrale.htm#individualformate oder auch wahlweise, wenn sie abgesehen davon keine Formatierungen benötigt, mit einer Klasse (class-Atttribut) http://selfhtml.teamone.de/css/formate/zentrale.htm#klassen versehen.

Über die CSS-Eigenschaft display kannst du bestimmen, ob das Element angezeigt wird oder nicht, siehe http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#display, der Wert »none« bedeutet, dass das Element nicht angezeigt wird. Diese Eigenschaft musst du im Stylesheet für die Druckausgabe für die Spalte vergeben.

Das sieht beispielsweise folgendermaßen aus:

Im Markup:
...<td id="navigationsspalte">...</td>...

Im Stylesheet, welches bspw. mit <link rel="stylesheet" type="text/css" href="..." media="screen,print" ...> eingebunden wurde:

@media print {
 #navigationsspalte {display:none;}
}

Wahrscheinlich verstehen nur neuere Browser die @media-Regel, weshalb spezielle ausgelagerte Druckstylesheets (Dateien) wie eingangs erwähnt vermutlich breiter unterstützt werden. Zudem kann es vielleicht Probleme beim Anzeigen der Layouttabelle geben, wenn die linke Spalte fehlt - benutze besser CSS-Layout, dann solltest du damit keine Probleme haben.

Grüße,
Mathias