CODEWITHSUNDEEP
cssinternet-explorerprintingcss-float
DA.
DA.

Reputation: 40671

IE Print CSS and spanning page breaks

I've been working on trying to fix an issue with print CSS and IE where things would disappear when printing in landscape mode.

It appears the issue is that the element I'm trying to print (a large DIV with content inside it) spans two pages when put into landscape mode. What is happening is when the element spans two pages, the first page is blank, and the second page is printing what would normally be left over from the first page.

I think it's related to contained floats:

wrapper div floated div1 floated div2

If I set the two nested divs to float: none in the print CSS file, then IE will print them, albeit not in the layout we'd like.

Before I spend another hour on this, anyone know what, specifically, is the issue here and if there's a known workaround?

Upvotes: 1

Views: 2207

Answers (2)

Razvan Cercelaru
Razvan Cercelaru

Reputation: 626

The problem for me was that I was setting display:inline-block for the main container div. This along with declaring a width is a method to make a parent div extend to contain the floats inside.

I've removed display:inline-block and used clearfix instead. Problem fixed.

Upvotes: 3

dsavage
dsavage

Reputation: 1

It seems to be a problem with tables, but it may just be the nesting, but it is an IE bug. http://support.microsoft.com/?kbid=257097 Still trying to work around the problem myself.

Upvotes: 0

Related Questions