Forum Moderators: not2easy

Message Too Old, No Replies

style sheet for printing page

         

SBee

1:52 am on Apr 17, 2008 (gmt 0)

10+ Year Member



Hi All-

I am having a problem.
My pages are all css driven. I had to use a css scroll div for some pages with a lot of copy, so they could all be kept the same height.
So, when the user printed the page, the copy below the scroll (unscrolled) was hidden from view and did not print.
I made a separate print.css file with the scroll copy div overflow set to visible - this makes it so the copy does print correctly. But all of the other styles of the page are messed up. Everything is centered and wonky and this just won't work.
Is there a way to get the page to print out like it looks on the screen?

Thanks in advance-
Shawn

swa66

10:46 am on Apr 17, 2008 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Think of it from a user point of view
Do they want a "print screen" ?
Do they want to print the content ?

I take the standpoint that my users want to print the content, and hence I remove all branding, navigation, advertising, banners, crums, etc. in the print version of the CSS. And try to keep only the content in the print view for them to take along.

To make it look exactly the same is next to impossible AFAIK: browsers don't do backgrounds in print.