Printversion klappt nur halb
Heinrich
- css
0 wahsaga0 Marian
0 thunderstorm
Hallo,
ich will fürs Ausdrucken (eines Teils) einer Seite den Rest ausblenden. Habe zusätzliches ein Stylesheet angelegt:
<head>
<link rel="stylesheet" href="../style.css" type="text/css" media="screen">
<link rel="stylesheet" href="../style_print.css" type="text/css" media="print">
</head>
und im style_print.css eine id "print" mit display: none versehen. Dann in der Seite die auszublendenden Bereiche in den
Code:
<div id="print"></div>
gesetzt.
Es wird aber nur einer von drei Bereichen ausgeblendet. Jene zwei, bei denen es nicht klappt, sind Zellen innerhalb einer Tabelle.
Kann es daran liegen? Oder was könnte es sonst sein?
Danke für die Hilfe!
Gruß
Heinrich
hi,
und im style_print.css eine id "print" mit display: none versehen. Dann in der Seite die auszublendenden Bereiche in den
Code:
<div id="print"></div>
gesetzt.
Heißt das, du hast die ID, welche dokumentweit eindeutig zu sein hat, für mehrere Elemente im Dokument verwendet?
gruß,
wahsaga
Hallo wahsaga,
hi,
und im style_print.css eine id "print" mit display: none versehen. Dann in der Seite die auszublendenden Bereiche in den
Code:
<div id="print"></div>
gesetzt.
Heißt das, du hast die ID, welche dokumentweit eindeutig zu sein hat, für mehrere Elemente im Dokument verwendet?
... und den Bereichen, die _nicht_ gedruckt werden sollen, die ID "print" gegeben?
Viele Grüße aus Freiburg,
Marian
Hallo
Es wird aber nur einer von drei Bereichen ausgeblendet. Jene zwei, bei denen es nicht klappt, sind Zellen innerhalb einer Tabelle.
Kann es daran liegen? Oder was könnte es sonst sein?
Der langer Rede kurzer Sinn....
Eine ID ist wie schon vom vorherigen Beantworter erwähnt "eindeutig/einmalig" und soll nur einmal verwendet werden.
Lösung:
Anstatt der ID #print
erstellst du eine Klasse ...
.print{display:none;}
ersetze in den Tags das
<.... id="print" ...>
durch
<.... class="print" ...>
und fertig. Dann sollte es funzen.
gruss
Thunderstorm