{page-break-after: always} not working when printing

html css page-break
ItsPronounced picture ItsPronounced · Jun 7, 2013 · Viewed 27.9k times · Source

EDIT: I just noticed this works in IE9, but not IE10 and Chrome.

We receive HTML formatted PO reports from one of our suppliers electronically. We usually print these and before it would put 1 PO per page, but now it is not adding the page breaks. I checked the html and I can't see why it wouldn't work all of a sudden. This is the (poorly formatted) html:

<HEAD>
<STYLE TYPE='text/css'><!--
BR.breakhere {page-break-after: always}
.tb1{font:10pt Arial;}
.tb2{border-left:1px solid #000000; border-right:1px solid #000000;border-top: 1px  solid #000000;border-bottom: 1px solid #000000;}
.tb3{font:10pt Arial;border-left:1px solid #000000; border-right:1px solid #000000;border-top: 1px  solid #000000;border-bottom: 1px solid #000000;}
.tb4{font-size:8pt;}
--></STYLE>
</HEAD>

The page break is suppose to occur here:

<BR class=breakhere>

It occurs immediately after a TABLE element, the TABLE has an HR after the last TR (ugh).

<BR><HR style = "width:100%;height:10px;color:#000000"></TABLE><BR class=breakhere>

I want to contact them and mention this but I'm not sure if it is the code or something on our end? I've tried every browser, multiple printers and workstations, but can't get it to break pages.

Thanks!

Answer

Mumin Ka picture Mumin Ka · Oct 27, 2015

page-break is not enough for internet explorer by own. If u try this, you can see the result. I have same problem but I solved by this way.

<div style="page-break-after: always;"></div>
<div>&nbsp;
</div>

Related questions

How to apply CSS page-break to print a table with lots of rows?

I have a dynamic table in my web page that sometimes contains lots of rows. I know there are page-break-before and page-break-after CSS properties. Where do I put them in my code in order to force page breaking if needed?

Read More
page-break-after does not work in Chrome

I have a problem with page-break-after in Google Chrome during printing. It seems that it's not working. I tried Firefox and it's ok there. My code is: <div style="position: relative; display: block;"> <div style="display: block; …

Read More
How do I avoid a page break immediately after a heading

I have an HTML 4.01/CSS 2.1 document that includes an H3 heading followed by a short (one line) paragraph block and then an unordered list with several items: <h3>Heading!</h3> <p>Some things:</…

Read More