nicht angemeldet
Hi,
mit Hilfe von Stylesheets kann ich bestimmte Seitenelemente in der Druckversion auszuschliessen. Dabei habe ich folgender Befehl in eine externe css-Datei eingesetzt:
.keindruck { display: none; }
das html-Dokument sieht vereinfacht so aus:
<html>
<head>
<link rel="stylesheet" href="../css/style.css" type="text/css">
<link rel="stylesheet" media="print" href="../css/print.css" type="text/css">
</head>
<body>
<table width="800">
Warum 800? Damit Surfer mit 800*600 Bildschirm garantiert scrollen dürfen?
Ich würde per CSS
width:100%; max-width:120ex;
setzen (der genaue Wert für max-width ist natürlich Geschmackssache...)
<tr>
<td width="150"><div class="keindruck">Navigation</div></td>
Wozu das div? laß es weg und setz das class-Attribut in die Tabellenzelle.
<td>Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. </td>
</tr>
</table>
</body>
</html>
Da die Seite in der Breite auf 800px ausgelegt ist, muss ich den User darauf hinweisen, dass er auf Querformat umstellen muss. Der Raum, den die Navigation einnimmt, bleibt erhalten und der Inhalt wird im Hochformat an der rechten Seite abgeschnitten.
s.o., das erledigt das Problem.
Ist es möglich, den Inhalt z.B. um 150px nach links zu schieben? So könnte die Seite trotzdem im Hochformat gedruckt werden, was den Usern sicher entgegen kommt.
s.o., wenn Du nicht das div aussschaltest, sondern die ganze Tabellenzelle, ist das Problem weg.
Andreas