Print preview and print only prints a portion of my web page

Question

I have a rather large table data I need to print, but when I go to Print Preview or Print, I only see what's currently visible on the page, and not the entire content of the web page.

This happens in all browser. What could be causing this?

This sounds strange. Any chance of a live link? – Pekka Oct 26 '10 at 00:09 — Pekka, Oct 26 '10 at 00:09

score 6 · Answer 1 · answered Jan 07 '20 at 13:43

Oh my god, I spent so much time on it...

I wanted to use puppeteer to generate a pdf and I didn't understand why it only printed the first page in the output pdf.

Here was the reason: I had set properties overflow: auto and height: 100% on tag <body>. Once I've removed it, it worked fine.

I hope it can help someone.

score 4 · Accepted Answer · answered Oct 26 '10 at 00:10

4

Strange, never heard of this happening. My speculation would be that you have some HTML construct in place like a container div with overflow: auto that makes the table actually span inside an element that is as tall as the viewport, instead of the whole page.

answered Oct 26 '10 at 00:10

Pekka

442,112
142
972
1,088

Wouldn't that give scrollbars on the table? The whole table is visible, but only some of it prints. – Stefan Kendall Oct 26 '10 at 00:25
@Stefan not necessarily, the scrollbars could be those of the `div`. – Pekka Oct 26 '10 at 00:26
I've clicked through all the containers down to the bottom table, and Firebug lists the computed style as visible, not overflow. – Stefan Kendall Oct 26 '10 at 00:35
My search was not thorough. >_> – Stefan Kendall Oct 26 '10 at 00:41
Yes, it was. `overflow: auto;` had been added to fix some spacing issue (this was a bad fix), and it broke print-preview, which one of our users needed for business functionality :/. – Stefan Kendall Oct 26 '10 at 16:17

Print preview and print only prints a portion of my web page

2 Answers2