ابحث في الدعم

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Firefox not printing all pages. Cutting off content after 2 page

more options

In no other browsers it does this but in Firefox I go to print a page and the h1 prints on the first page. Then on the second page is the rest of the content. Then it only prints 1 page of content even if the page is like 16 pages long. I removed all CSS from the page. Tried the following CSS fixes I found in my google search and applied them to all the elements on the page. Yet this issue keeps happening.

 overflow: visible !important;
 float: none !important;
 position: relative;
 page-break-inside: auto;
In no other browsers it does this but in Firefox I go to print a page and the h1 prints on the first page. Then on the second page is the rest of the content. Then it only prints 1 page of content even if the page is like 16 pages long. I removed all CSS from the page. Tried the following CSS fixes I found in my google search and applied them to all the elements on the page. Yet this issue keeps happening. overflow: visible !important; float: none !important; position: relative; page-break-inside: auto;

All Replies (3)

more options

You've probably also read about the workaround to select all (Ctrl+a) then choose the Selection bubble in the print dialog. That doesn't work for all style issues, but helps with some of them.

If it's a public page, could you post the URL for a more specific analysis?

more options

Print Issue Page


It's not just this page but every content page generated from the site regardless of the information. Tables, No tables. In Line Styles or no inline styles. This is just one of the longer pages

more options

I'm not sure why, but it seems to be related to the use of the <fieldset> tag around the content. Firefox apparently doesn't paginate that tag as expected.

To see how it would appear in print preview substituting a styled <div> tag, you could run the following snippet of script:

(1) Copy the following to the clipboard (it's all one line):


var fs = document.querySelector("fieldset"); var dnew = document.createElement("div"); dnew.setAttribute("class", fs.getAttribute("class")); fs.parentNode.insertBefore(dnew, fs); while(fs.childNodes.length > 0) dnew.appendChild(fs.childNodes[0]); dnew.setAttribute("style", "margin:0 2px; padding:0.35em 0.625em 0.75em; border:2px groove #eee;");

(2) On your test page, open Firefox's web console (Ctrl+Shift+k or Web Developer > Web Console)

(3) Paste the code next to the caret (>) and press Enter to run it

(4) Try print preview