Forum Moderators: open

Message Too Old, No Replies

Images split during printing

When printing from firefox, images are split across the page break

         

spaceninja

5:16 pm on Jun 13, 2005 (gmt 0)

10+ Year Member



I am beating my head against trying to provide printable versions of our web site for clients. We are a real estate web design company, so our printable pages have lots of images on them.

When I print a long page with several images, IE behaves correctly, and bumps an images that would span the page break onto the next page. This sometimes results in extra whitespace, but preserves the image.

When I print the same page in Firefox, however, the image is split, so that a bit of it displays on the first page and a bit of it displays on the next.

I've tried looking into CSS solutions, but the page-break:avoid; property isn't supported by anyone yet, and nothing else fits my needs.

Does anyone have any suggestions? I can't get rid of the images, or control where they appear on the page, but I can change any of the XHTML/CSS that displays them (eg, I can put them in a table, or divs, or whatever).

Currently, the images are in a simple table. (and yes, I tried removing the table - the page break problem still happens).

Any help anyone can give would be appreciated. I'm not posting any code samples because I'm just talking about a long XHTML page with several images, nothing fancy.

BlobFisk

11:29 am on Jun 14, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Hi spaceninja,

This is always a tough one because of the lack of CSS support that you mentioned. You could try using CSS to re-organise you page using the average A4 page size and move things around so that your images don't split. However, this makes a lot of assumptions about what the user is printing to...