1

I can't figure out why my html document is printing an extra blank page.

I tried shrinking the content and increasing the margins of the printed page to no avail.

The document should produce only one printed page but it is producing a second blank page.

Here is the link to the app: https://wesleyhedrick.github.io/DragandDrop/draganddrop.html

weshedrick
  • 181
  • 1
  • 2
  • 10
  • 1
    It's because you have margin and padding on your body element along with `100vh` as the height. all those combined make more than 100% of the height which is causing the overflow and printing more than 1 page. if you remove the `100vh` you should only print 1 page. There are also ways around that if you need that `100vh` such as removing the margin and padding from the body and adding it to inner elements. – Dennis Martinez Jul 24 '19 at 02:04

1 Answers1

3

Remove the CSS attribute height: 100vh from your body and you will get just one page

marimaf
  • 5,382
  • 3
  • 50
  • 68