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

css printing printing-web-page
richard moss picture richard moss · Jan 11, 2010 · Viewed 10.3k times · Source

I have a lot of divs on a page with variable amounts of content in them. I am trying to use page-break-inside: avoid; so that each div section is not broken over 2 pages.

It is working in Firefox but not IE8.

I have this in my CSS print file

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

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

IE8 is supposed to support this now. Isn't it?

Am I doing something wrong? Anyone solved this issue? Or had any experience with it?

Any help would be great.

thanks a lot richard

Answer

Gareth picture Gareth · Jan 12, 2010

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

For page-break-inside only IE8 and Opera 8+ are shown to support it

Related questions

Scroll bars showing on printed page in IE9?

I'm having an issue with IE9 showing horizontal scroll bars on a printed page even though the contents of the page fit entirely. I've tried several things to remove them in my print css. Has anyone else had this issue …

Read More
Modify the top and bottom margin of a printed HTML Page

I am looking to have a 75px margin on the top and bottom of each printed page. I have tried putting the margin on the body and a wrapper div, but both of these options just add a margin to …

Read More
Print <div id="printarea"></div> only?

How do I print the indicated div (without manually disabling all other content on the page)? I want to avoid a new preview dialog, so creating a new window with this content is not useful. The page contains a couple …

Read More