media="print" krånglar...

print-CSS:en ärver från screen-CSS:en såvida du inte anger olika regler för samma element i print jämfört med screen. Ta dig en titt här: Stilmallar och media-attributet.

<link rel="stylesheet" media="screen" type="text/css" href="../css/rrs.css" />
<link rel="stylesheet" media="print" type="text/css" href="../css/print.css" />

Try that one.

/r läste inte riktigt. m_soderlund har svarat bra.

m_soderlund skrev:

print-CSS:en ärver från screen-CSS:en såvida du inte anger olika regler för samma element i print jämfört med screen.

Ok!

Kan man på nått sätt nollställa alla regler?
Jag har försökt med detta..

*
{
background: #fff; 
border: none;

}

Testa med

html *, body * { background: #fff; border: none; }

m_soderlund skrev:

Testa med

html *, body * { background: #fff; border: none; }

Tyvärr funkade inte!

Men jag har nu skrivit om alla regler för utskrift.

I och med att den ärver tycker jag att hela iden med olika media css:er faller. Jag hade velat att om det finns en annan media css så ska den inte ärva nånting för att på så sätt få ett helt nollställt dokument och reglerna är default.

Mvh

Pär