Forum Moderators: open

Message Too Old, No Replies

Webpage doesn't print properly.

What to do when page is larger than 8.5x11

         

Trace

2:58 pm on May 4, 2007 (gmt 0)

10+ Year Member



As the statistics of people using a resolution of 800x600 drops, I'm receiving more and more 1024x768 designs to develop.

Using CSS, media print, I can usually manage to make a printer friendly version of the pages by removing unnecessary content such as side menus and the like.

Today however I received a design that just won't fit. One solution I have found is to force a landscape print but I'm not overly fond of this course of action.

I've also thought about maybe resizing the images and texts using JavaScript but again, I'm not impressed.

I'm curious to know what others have done. I want to compare all the different solutions so I can present some new guidelines to the designers.

encyclo

8:06 pm on May 6, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



What is it that is making the 8.5x11 format impossible? Is it images or columns? My usual aim is to present a one-column print page with limited menus, much like a standard printed document. Is there any way you can stack your page content vertically with a fluid width?

Trace

3:27 pm on May 7, 2007 (gmt 0)

10+ Year Member



The page that is giving me a headache at the moment is one that is displaying a calendar of events. Each day inside the calendar has an icon + a little blurb.

The only way I got it to fit was by removing the icons for print but the client is not impressed.

On a side note, I was asked how I forced the landscape print. I did via CSS like this;

<style type="text/css" media="print">
div.page{
writing-mode: tb-rl;
height: 80%;
margin: 10% 0%;
}
</style>

However that only works with IE so it's not a possible solution.