If you’re styling pages for print, you will need to control where the printed pages break. Here’s how to do it:
<div style=”height:1px”> </div>
<div id=”page 1″ style=”page-break-after: always”>
content goes here
</div>
I’m told the initial div (with the height of 1px) is needed in IE6 and haven’t yet tested whether this is true. All I can tell you is that this works in IE7 and Firefox. Put the complete content of the page within the DIV and the browser will force a page break once the div tag closes.
.gif)