# Firefox's Prinout Issue

**URL:** https://forum.pinegrow.com/t/firefoxs-prinout-issue/5450
**Category:** General
**Created:** [July 10, 2021, 9:28pm UTC](https://forum.pinegrow.com/t/firefoxs-prinout-issue/5450 "2021-07-10T21:28:07Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![randyrie](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/randyrie/32/2103_2.png) [@randyrie](https://forum.pinegrow.com/u/randyrie)
#### Post date: [July 10, 2021, 9:28pm UTC](https://forum.pinegrow.com/t/firefoxs-prinout-issue/5450/1 "2021-07-10T21:28:07Z")

</div>

OK guys… another headache requiring massive doses of aspirin:  
I’ve been researching this issue for over two years but have not even come close to finding a solution - and no responses from BugZilla or Mozilla Community Support either. The problem I’m having is that Firefox often truncates my webpages by scrunching two pages into one when I printout. No setting in Firefox, forced HTML page breaks, or CSS ‘trick’s work. This doesn’t happen in Chrome, Edge or Safari - just good ol’ Firefox so I’m convinced this is a bug in Firefox (I’m currently using version 89.0.2 for the Mac).

Has anyone in this forum experienced a similar bug and found a solution? Please see my attached graphics for a better understanding of what’s happening. If anyone has found a solution, I’m betting it’ll be someone in this group… 😢

 ![chrome-printout](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/6/63af03a419fd59054a5cd26fdb505b8769673aee.jpeg)  
 ![firefox-printout](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/f/ffa0d637077c2198dac27824dae82cf162172807.jpeg)

---

<div class="post-metadata">

### Author: ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)
#### Post date: [July 11, 2021, 9:05am UTC](https://forum.pinegrow.com/t/firefoxs-prinout-issue/5450/2 "2021-07-11T09:05:34Z")

</div>

Hi @randyrie,  
Can you share the site you are trying to print?  
Cheers,  
Bob

---

<div class="post-metadata">

### Author: ![randyrie](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/randyrie/32/2103_2.png) [@randyrie](https://forum.pinegrow.com/u/randyrie)
#### Post date: [July 11, 2021, 4:34pm UTC](https://forum.pinegrow.com/t/firefoxs-prinout-issue/5450/3 "2021-07-11T16:34:41Z")

</div>

Visit the website page via Firefox: [Newsletter](http://indyplacesc.com/newsletter.html) - click on the “Print” button. I have the issue using Firefox on macOS and iOS but don’t know how the printout looks on a Droid device. As an aside, this issue does NOT happen in other browsers - just Firefox.

Let me know your experience?

---

<div class="post-metadata">

### Author: ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)
#### Post date: [July 11, 2021, 6:31pm UTC](https://forum.pinegrow.com/t/firefoxs-prinout-issue/5450/4 "2021-07-11T18:31:07Z")

</div>

Hi @randyrie,  
Firefox printing seems really broken! Anyway, the only thing that I’ve seen that partially fixes your problem is to eliminate flex in your print layout. So basically, a media query for print `@media print{}` and then set your `.row` to `display: block;`. You can add some extra styling to keep your two column layout, but at least things won’t overlap.  
Let me know if this works out for you.  
Bob

---

<div class="post-metadata">

### Author: ![mrsmith71](https://avatars.discourse-cdn.com/v4/letter/m/0ea827/32.png) [@mrsmith71](https://forum.pinegrow.com/u/mrsmith71)
#### Post date: [July 16, 2021, 11:29am UTC](https://forum.pinegrow.com/t/firefoxs-prinout-issue/5450/5 "2021-07-16T11:29:06Z")

</div>

I always start by trying to validate the HTML. I wouldn’t rely on Pinegrow’s tool for that. Maybe see if fixing the errors helps.

[https://validator.w3.org/nu/](https://validator.w3.org/nu/)

---

<div class="post-metadata">

### Author: ![randyrie](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/randyrie/32/2103_2.png) [@randyrie](https://forum.pinegrow.com/u/randyrie)
#### Post date: [August 2, 2021, 6:01pm UTC](https://forum.pinegrow.com/t/firefoxs-prinout-issue/5450/6 "2021-08-02T18:01:45Z")

</div>

Thanks @RobM for your response. I tried quite a few html page break codes and found that placing a page-break-before div tag **ABOVE** the row where I want the page to break works in Firefox.  
e.g. :

 ![Screen Shot 2021-08-02 at 2.00.39 PM](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/c/cff7aa98c51bcda5c53d68ec67b357be0352aed9.jpeg)
