IE7 doesn't print content / breaks it up

HTML & CSS
1

HELP! After working on this for a couple of days (!), I think I need your help.

In this HTML & CSS markup, I’ve stripped out all the eyecandy so that only the stuff that really needs to get printed will show up. In Firefox this is not a problem whatsoever.

At first I thought it might be something within the HTML or the print style sheet that might mess up the print version in IE. After running all sections of my HTML code through HTML Tidy, and creating a special print version of this page, I have re-created the page, piece by piece…but still no luck.

IE seems to randomly hide content, or stretch CLEAR divs so that enormous white space areas show up on the print-out.

Has anyone else had similar issues? And, if so, how did you resolve them?

If it’s helpful, I could post the code (several hundred lines), but I was just curious whether anyone else has experienced similar issues?

2

IE seems to randomly hide content, or stretch CLEAR divs so that enormous white space areas show up on the print-out.

Floats nearly always break when printed and your best bet is to re format the page linearly for printing. Remove floats and widths and let the content flow fluidly.

Printing web pages is one of the worst implemented aspects of css by browsers and is very inconsistent cross platform.

As Ralph said we would need to see the page to try and debug or make better anyway :slight_smile:

3

What would really help is a link, if it’s live, but code is better than nothing. I think that’s the best way to get help on this.