At the time of printing, blank pages are added

Asked

Viewed 957 times

0

At the time of printing my page, being added blank pages, the number of these pages is relative, sometimes 1, 2... I’ve tried solutions like:

  .print:last-child {
       page-break-after: auto;
    }

    html, body { 
       height: auto; 
    } 

   .print{
       page-break-after: always
    }

And it didn’t work, no CSS I use a column configuration for the Bootstrap also work non-printing

.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
}

.col-sm-12 {
    width: 100%;
}

.col-sm-11 {
    width: 91.66666667%;
}

.col-sm-10 {
    width: 83.33333333%;
}

.col-sm-9 {
    width: 75%;
}

.col-sm-8 {
    width: 66.66666667%;
}

.col-sm-7 {
    width: 58.33333333%;
}

.col-sm-6 {
    width: 50%;
}

.col-sm-5 {
    width: 41.66666667%;
}

.col-sm-4 {
    width: 33.33333333%;
}

.col-sm-3 {
    width: 25%;
}

.col-sm-2 {
    width: 16.66666667%;
}

.col-sm-1 {
    width: 8.33333333%;
}

.col-sm-pull-12 {
    right: 100%;
}

.col-sm-pull-11 {
    right: 91.66666667%;
}

.col-sm-pull-10 {
    right: 83.33333333%;
}

.col-sm-pull-9 {
    right: 75%;
}

.col-sm-pull-8 {
    right: 66.66666667%;
}

.col-sm-pull-7 {
    right: 58.33333333%;
}

.col-sm-pull-6 {
    right: 50%;
}

.col-sm-pull-5 {
    right: 41.66666667%;
}

.col-sm-pull-4 {
    right: 33.33333333%;
}

.col-sm-pull-3 {
    right: 25%;
}

.col-sm-pull-2 {
    right: 16.66666667%;
}

.col-sm-pull-1 {
    right: 8.33333333%;
}

.col-sm-pull-0 {
    right: auto;
}

.col-sm-push-12 {
    left: 100%;
}

.col-sm-push-11 {
    left: 91.66666667%;
}

.col-sm-push-10 {
    left: 83.33333333%;
}

.col-sm-push-9 {
    left: 75%;
}

.col-sm-push-8 {
    left: 66.66666667%;
}

.col-sm-push-7 {
    left: 58.33333333%;
}

.col-sm-push-6 {
    left: 50%;
}

.col-sm-push-5 {
    left: 41.66666667%;
}

.col-sm-push-4 {
    left: 33.33333333%;
}

.col-sm-push-3 {
    left: 25%;
}

.col-sm-push-2 {
    left: 16.66666667%;
}

.col-sm-push-1 {
    left: 8.33333333%;
}

.col-sm-push-0 {
    left: auto;
}

.col-sm-offset-12 {
    margin-left: 100%;
}

.col-sm-offset-11 {
    margin-left: 91.66666667%;
}

.col-sm-offset-10 {
    margin-left: 83.33333333%;
}

.col-sm-offset-9 {
    margin-left: 75%;
}

.col-sm-offset-8 {
    margin-left: 66.66666667%;
}

.col-sm-offset-7 {
    margin-left: 58.33333333%;
}

.col-sm-offset-6 {
    margin-left: 50%;
}

.col-sm-offset-5 {
    margin-left: 41.66666667%;
}

.col-sm-offset-4 {
    margin-left: 33.33333333%;
}

.col-sm-offset-3 {
    margin-left: 25%;
}

.col-sm-offset-2 {
    margin-left: 16.66666667%;
}

.col-sm-offset-1 {
    margin-left: 8.33333333%;
}

.col-sm-offset-0 {
    margin-left: 0%;
}

Without these settings of col, they don’t line up in the print like they do on the screen.

How can I fix this "Bug"?

  • Only the last page printed or every 1 page the next page comes out blank? Have you tried changing margin settings? Does the printed content change a lot or is it fixed? When the print appears correctly?

  • Printing usually shows, only comes out with extra blank pages, depending on the size of the content, increases the number of blank page. Ex: the content for printing occupies 2 pages, but appears more 2 in whites totaling 4

  • Take a test, see what happens if you switch on .print:last-child the value of page-break-after: of auto for avoid, try Always also to see if anything changes.

  • I was changing the print settings of the browser itself and in margins I can remove the blank pages, changing to Minima or None, that is, this very.

  • Pity that it is very difficult to analyze, I feel that it should be something very simple, but the problem is very abstract to our eyes! Post a complete code (html generated) from this page so that we can test here too and try to see where the problem is! In an extreme case where I can’t debug (browser) evaluate the layout of objects or their behavior, I put EDGES to see if any element is overlapping another or if there is something abnormal!

No answers

Browser other questions tagged

You are not signed in. Login or sign up in order to post.