I'm working on print friendly css for a website. It previews/prints perfectly in IE, but Firefox (version 3.6) only previews/prints the 1st page.
Is anyone aware of anything that would generally cause this? The markup is fairly complicated, so I'm not sure where to start!
Thanks.
Edit
This solution only made things worse.
https://support.mozilla.com/ga-IE/questions/667285#answer-115916
Looks like printing just sucks in FF. Client won't like to hear that - hopefully they don't use FF!
All Replies (16) Hi kaveh. nasr, Firefox has problems paginating large blocks of content styled with certain rules. They look fine on screen, but when printed, Firefox won't break them across page boundaries so you only get one page of them.
Select the printer from the "Printer:Name" drop-down button on the selection bar. Select how many copies you want from the dialog box's "Copies" area. Select how much of the webpage you'd like to print OR leave the default set as ALL to print out all portions of the page.
Step 3 Visit a Web page and right-click that page. Click "Print Pages to PDF" to view a menu containing print options. These options are "Print Active Tab," "Print Active Tab (Text)," "Print All Tabs" and "Print All Tabs (Text)." Step 4 Select the desired print option.
I just found out, that from an element with
display:inline-block;
only the first page is printed and everthing else is hidden. setting this to
display:block;
was the solution in my case.
I was having the same issue. Turns out, the root tag had display: flex
on it. After changing this to display: block
, the rest of the content was displayed. I'd recommend going up your DOM tree and checking every display
attribute.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With