Does not print last page when printing 6 or more pages.
I am trying to print a HTML document which contains CSS3 columns and page breaks. The document is generated by an application, and can vary in page count. When the document is relatively small (4 pages or less) it prints just fine. However, when the document is 6 pages or more, the final page doesn't print, and I have to go back and manually print it using the Pages option in the Print Range section of the print dialog. It doesn't even work, if I use the Pages option and specify, say, 1 to 6. It still only prints the first five pages. Firefox is the only browser I've found that can display and print CSS3 columns (Chrome displays them, but can't print them). This problem is an inconvenience, but needs to be addressed anyway. I have tried printing 6+ page documents from other applications, and they work just fine, so it's not my printer.
All Replies (11)
Could you list the CSS rules that generate the columns? In particular, are you applying any height rules to any containing/parent elements of the content?
Here is the CSS for the div that contains the columns:
div.day { page-break-after: always; -moz-column-count: 3; -moz-column-gap: 10px; -moz-column-rule: 1px solid Black; -webkit-column-count: 3; -webkit-column-gap: 10px; -webkit-column-rule: 1px solid Black; column-count: 3; column-gap: 10px; column-rule: 1px solid Black; border-bottom: 1px solid Black; }
I'm not using any height rules at all in any of the CSS for the file.
Edeziri
Hmmm, does it make any difference if you omit the page-break-after rule? Just wondering whether that is interacting incorrectly with drawing/printing the columns.
I've tried moving the page break to a separate div, and removing the page break altogether. No luck. I have discovered a couple of extra bits, though. If the document goes to 7 pages, it actually crashes the FireFox print. The progress dialog gets to 71% and then freezes. This happens with or without page breaks (although the percentage changes) I suspect it must be the amount of data being printed, not the number of pages. I'm printing a custom TV Guide I've been developing, and it contains a lot of small print. I doubt it's a memory issue, as I have 16Gb RAM.
How does this page work for you? http://www.jeffersonscher.com/forumshots/css3-columns.html
That prints just fine. Your file comes out about 42KB. My seven-page file weighs in at 154KB, which further points to my suspicion that file size is the issue, not number of pages.
I duplicated the content to over 160KB (source file) and cannot replicate the problem.
To pack 154KB into 6 pages, you probably have a lot of HTML tags. If you are using a table inside the columns, perhaps you are reaching a limit related to tables? Anyway, it is difficult to debug further without seeing the structure.
I'm not sure how well this is going to work, but I've uploaded the HTML file in full to Google Drive. Here is the link: https://docs.google.com/open?id=0B2Y2VV0Kfy9zYzhoekoyRnR2YjA
Let me know if you can't access it.
Thanks for the HTML. I posted it as a web page here:
http://jeffersonscher.com/forumshots/guide-columns.html
I can't replicate the problem, but I'm using a PDF printer to save paper, so perhaps there is a difference depending on the printer driver. ??
I am also using a PDF printer - PrimoPDF, and I still get the problem. Which PDF printer are you using?
I use pdfFactory Pro. I also get seven pages from the test page using PDF Creator. I don't have PrimoPDF on this PC.