CODEWITHSUNDEEP
firefoxprinting
Paliza
Paliza

Reputation: 93

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?

Upvotes: 9

Views: 11040

Answers (4)

Vugar Abdullayev
Vugar Abdullayev

Reputation: 2085

I had same problem, the thing is bootstrap was adding break-inside: avoid to <tr>.
So I added table { tr { break-inside: auto } which fixed issue on my part. enter image description here

Upvotes: 0

Krzysztof Kaliński
Krzysztof Kaliński

Reputation: 11

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;
  }
}

Upvotes: 1

Mateus Machado
Mateus Machado

Reputation: 1

Here I configured the CSS files to become loaded only on the screen and the problem was solved.

<link href="../css/sb-admin-2.min.css" rel="stylesheet" media="screen">

Upvotes: 0

Jivan
Jivan

Reputation: 1413

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.

Upvotes: 20

Related Questions