Sascha: Elemente via CSS beim Drucken ausschließen

Beitrag lesen

Servus,

leider muß ich euch erneut mit meinem Problem belästigen, dass ich letzte Woche schon angesprochen habe, aber immer noch nicht gelöst wurde.

Das Problem ist weiterhin, dass ich einige Elemente (wie z.B. ein Imagebild oder die Navigation) beim Drucken nicht mit ausgeben möchte.

Ich habe folgendes in meiner zu druckenden Seite eingefügt:

<html>
<head>
<link rel="stylesheet" media="screen" href="styles/styles.css" type="text/css">
<link rel="stylesheet" media="print" href="styles/druck.css" type="text/css">
</head>
<body>
<table>
  <tr>...</td>
  <tr>
   <td><img id="bild" src="images/contentbilder/g1.jpg" width="283" height="348"></td>
  </tr>
</table>
</body>
</html>

Die druck.css sieht folgendermaßen aus:

body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 15px
 color: #000000;
 background-color:#FFFFFF;
}
table {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 15px;
 color: #000000;
 background-color:#FFFFFF;
}
td {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 15px;
 color: #000000;
 background-color:#FFFFFF;
}
tr {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 15px;
 color: #000000;
 background-color:#FFFFFF;
}
h1 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
 color: #000000;
}
link {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #dcddde;
 text-decoration: none;
}
a:link {
 text-decoration: none;
 color: #dcddde;
}
a:visited {
 text-decoration: none;
 color: #dcddde;
}
a:hover {
 text-decoration: underline;
 color: #dcddde;
}
a:active {
 text-decoration: none;
 color: #dcddde;
}
.bold {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 15px;
 font-weight: bold;
 color: #000000;
}

#bild {
 display: none;
}

Nun meine Frage, ich kann leider keinen Fehler erkennen - vielleicht könnte mir einer von Euch Guru's hier einen Tipp geben?!

Danke und Gruß,

S.