Forum Moderators: open
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.
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...