Hi Peter,
I'd love to see your CSS, because I haven't been able to get page-breaking
to work in IE 7. In my case, I've got HTML tables inside divs, one table
inside each div, and each div should have a page break before it, except for
the first page. I'm using an external style sheet in the page header, rather
than an inline style, if that makes any difference.
Here's a sample (from the style sheet):
@page following
{
page-break-after: auto;
page-break-before: always;
page-break-inside: avoid;
margin: auto;
}
@page first
{
page-break-after: always;
page-break-before: avoid;
page-break-inside: avoid;
}
....and some snippets of HTML:
<div id="first" style="page:first">
<div class="positioning" style="width:993px;">
<table class="tableHeader" cellpadding="0" cellspacing="0" style="
width:993px; color:#000000; background-color:; border-width:1px;
border-color:#000000;font-family:Microsoft Sans Serif; font-size:9pt;
font-weight:bold;">
<tr>
....
</tr>
</table>
</div>
</div>
<div style="width:993px; page:following">
....
Any ideas why these divs with tables in them are not breaking pages in IE 7?
As I mentioned, the breaks occur correctly in FireFox, after each div. I
also tried simply using an @page directive, with page-break-after: always;
and got the same results.
--
HTH,
Kevin Spencer
Microsoft MVP
Printing Components, Email Components,
FTP Client Classes, Enhanced Data Controls, much more.
DSI PrintManager, Miradyne Component Libraries:
http://www.miradyne.net