How to debug IE print issue

Question

I have a web database application that works in IE7 + (client requirement). This is a store management system that should send forms to the printer.

I have @media print css to properly format the form when switching from screen to printer. Basically, everything is working fine.

I recently added some jquery code to handle the footer at the bottom of the page with a table with variable sizes above it. This works as expected, except when the footer is dropped to the second page on the printer, even if it appears in the right place on the screen.

So my question is, how can I get a print preview to let me check the elements of the document so that I can understand what is dropping things? I have an IE Developer toolbar, but it does not seem to allow print viewing access. A.

Thanks for any help.

Answer 1

I would suggest throwing different colored borders to your elements in the css @media print css file. This is always useful when debugging layouts and should be displayed in print preview. A.