thunderstorm: PrintCSS, display:none und Firefox - Probleme?

Beitrag lesen

Also....

div#logo {

background-image:url(bg_header_uni1.jpg);background-repeat:no-repeat;
margin-top:-10px;
margin-left:-5px;
margin-right:-10px;

}

<div id="logo"> <div>

@media print {

div#logo {  display:none;
          }
}

also ich würde das anders lösen, da diese @media print geschichte Probleme bereiten KANN (Implementation der Browser ist (noch) nicht das gelbe vom Ei.
ich würde es so lösen:
CSSDatei_1.css für Monitor (screen)
alle Klassen für das Monitor Layout.
....
.logo {
background-image:url(bg_header_uni1.jpg);background-repeat:no-repeat;
 margin-top:-10px;
 margin-left:-5px;
 margin-right:-10px;
}
....
Danach erstellst Du bspw.
"printCSS.css" für den Ausdruck. Hier alle Klassen von oben, aber mit den änderungen für das Drucken, also bspw.

...
.logo {
  display:none;
}
...

Dann im ...
<HEAD>
...
<link href="CSSDatei_1.css" media="screen" rel="stylesheet" type="text/css"/>
<link href="printCSS.css" media="print" rel="stylesheet" type="text/css"/>

Dann sollte es zumindest MSIE finktionieren....