The way I solved it was to create two different CSS files; One for screen and
one for printer:
My <head> would look like this:
<LINK REL="stylesheet" HREF="/db.nsf/pgStyle.css" MEDIA="screen">
<LINK REL="stylesheet" HREF="/db.nsf/pgStylePrint.css" MEDIA="print">
In the CSS file for media print I removed the Scrolls and Static DIV's.
It's easy to forgett to write media="screen" for the CSS that should be used on
the screen! At least that is what I first did! (And wrongly cursed IE6 for...)
The way I solved it was to create two different CSS files; One for screen and one for printer: My <head> would look like this: <LINK REL="stylesheet" HREF="/db.nsf/pgStyle.css" MEDIA="screen"> <LINK REL="stylesheet" HREF="/db.nsf/pgStylePrint.css" MEDIA="print">
In the CSS file for media print I removed the Scrolls and Static DIV's.
It's easy to forgett to write media="screen" for the CSS that should be used on the screen! At least that is what I first did! (And wrongly cursed IE6 for...)
Omitting media means media=all