Usergent - Implementing Printer Friendly

[Guest]

Can any one help me out?
I am looking out to implement printer friendly version of a web page.
I do not want the header and footer show up in the print and I do not want
to use frames (it is a client decision). I want to avoid writing the code
again to make the printer friendly.

Is there any way which would allow me to make the developer friendly page
without lot of additional duplicate work.

Thanks in advance.
Dinoo

 

[neilmcguigan]

use cascading style sheets. have a @media for print, and another for
screen

the one for print can hide the headers/footers

see

http://www.w3.org/TR/REC-CSS2/media.html

example:

<style type="text/css">

@media screen
{
.MyHeaderClass { display:block; }
}

@media print
{
.MyHeaderClass { display:none; }
}

@media screen, print
{
.SomeOtherClass { font-family:Arial }
}

</style>

when the user prints the page, the MyHeaderClass won't show up