I'm not 100% sure if this belongs over at StackOverflow or here, so I am starting here first.

The website I work on ran into an issue with Firefox only, and it's printing and print preview. The content in the page is getting cut off. Viewing the print version of the site however shows everything intact as it should be, albeit with some extra spacing for another unknown reason.

You can see an example of this here, http://www.snhu.edu/Print/2227.asp

You'll notice it displays just fine, however when printing, or even viewing the print preview, it is cutting off the content. Changing the scale does get the remaining content to display, but it's so small it doesn't matter.

I have seen a lot of stuff online about this, the major thing was to add * { overflow: visible } to the print.css (sometimes with !important, sometimes without). That did not help any.

Does anyone else have any ideas?

  • Looks fine to me. Have you tried this on more than one computer with more than one printer driver? Nathan Duran over 6 years ago

1 answer

1
point
This was chosen as the best answer

There used to be a problem on Gecko with printing floated elements which extended further than one page, after a fiddle with your styles in Firebug I think there's a similar issue with display: inline-block.

If I kill the display: inline-block on bodyContainer and bodyCopy then I get five pages in print preview.

Answered over 6 years ago by Rob Crowther
  • Awesome that did the trick. That was bugging me for like 3 days, hehe. CoreyT over 6 years ago