how can I make my webpage printable?

S

swissruthy

I have a client with a ton of info on the webpage. She would like me to make
the webpage so it becomes "printable". Any suggestions on "how to"?

thanks
 
H

Hrishi

Printable version of web page:
===============
<style type="text/css" media="print">

/* all the div's you don't want to print */

#header, #footer
{
display:none;
}

/* change the rules for the div you do want to print */
#content
{
font: 11pt times, serif;
text-align: left;
width: 100%;
}

</style>





But it depends on the layout entirely.

If you are using nested tables, you may be out of luck - if the div's are
also heavily nested that can get tricky too.

Hope this helps
regards
Hrishi
MSFT

This posting is provided "as is" with no warranties and confers no rights
 
M

Murray

A simple rule of thumb is this -

To be printable on an 8.5" x 11" page (with 1" margins left and right), a
web page can have NO content wider than about 624pixels. This would be the
aggregate width of horizontally adjacent elements.

Even using print media stylesheets, if you don't follow this rule of thumb
in some way, your pages will not print properly.

Remember, you can always link to a "Printer Friendly page" and print from
there....
 
Top