Heinrich: Printversion klappt nur halb

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

  1. 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

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
    1. 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

      --
      Mein SelfCode: ie:{ fl:( br:> va:) ls:[ fo:) n4:( ss:) de:] js:| ch:? mo:} zu:)
      <!--[if IE]><meta http-equiv="refresh" content="0; URL=http://www.getfirefox.com"><[endif]-->
  2. 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