Cross-browser support for `page-break-inside: avoid;`

Question

I have a lot of div on a page with a variable amount of content in them. I am trying to use page-break-inside: avoid; so that each section of the Div does not break into 2 pages.

It works in Firefox, but not in IE8.

I have this in my CSS print file

 .page-break-inside-avoid { page-break-inside: avoid; } 

and my divs carry the class, as in <div class="page-break-inside-avoid">

IE8 is supposed to support this now. Is not it?

Am I doing something wrong? Has anyone solved this problem? Or did he have experience?

Any help would be great.

thanks a lot richard

Answer 1

Webdevout.net is a great place to check CSS browser compatibility.

For page-break-inside it is shown that only IE8 and Opera 8+ support it

Answer 2

Without seeing the code, I can only guess that this could be due to the height or nesting of the div to which you are trying to apply it. There may even be a width, since remember that both previews in IE and FF will have different sizes of viewports (from a normal browser viewer window and each other), several pixels can completely change its display

Answer 3

Microsoft Word 2010 does not seem to respect this style attribute when importing from HTML (XHTML 1.0 transition), i.e. the <div> element can be split.