Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Firefox prints first page only but other browsers doing fine

Print Preview of latest version of Firefox(in windows) shows something like this:

Print Preview in Firefox

There should be two pages but it only show first page. Logo of 2nd page is cut off as you can see. What might be causes of this?

like image 928
Paliza Avatar asked Apr 19 '17 10:04

Paliza


2 Answers

I had the same problem with Firefox printing only the first page.

In my case it turned out that

float: right;

was the problem. Firefox printed blank second page when float was set.

To fix it i had to use this code in CSS (eg. ):

@media print {
  div.example {
      float:none;
  }
}
like image 173
Krzysztof Kaliński Avatar answered Oct 30 '22 15:10

Krzysztof Kaliński


Firefox previous versions had problem to print with long tables and iframes including absolute positioned elements.

If you don't see those elements,I suggest you to inspect such element with display:table or display:flex and without hesitation change it to display:block only for @media print

Another headache might be coming from overflow property. Find such element with overflow:scroll or overflow:hidden and of course write overflow:visible for @media print.

Thats all from me.

like image 34
Jivan Avatar answered Oct 30 '22 15:10

Jivan