Quote:
Originally Posted by charleski
1 Margins lost with a page break
If a block element is styled with the page-break-before/after: always attribute, then the top margin for the first element on the new page will be set to 0 no matter what is specified in the css. This is correct according to Section 13.3.3 of CSS 2.1:
Workaround: use the padding-top attribute instead to force a top margin on the first element of the next page.
note: This only applies to page breaks that are forced through the use of the css 'page-break-*' attribute. Page breaks caused by a new xhtml flow will respect the block margins properly. |
You can also use a dummy element for a pagebreak, like this:
Code:
div.pagebreak {
page-break-before: always;
height: 0;
padding: 0;
}
<p>... text before the pagebreak</p>
<div class="pagebreak"> </div>
<h3>After the pagebreak</p>
I'm not sure now whether ADE would accept the short and empty form: <div class="pagebreak" />, if it does, that's cleaner. The drawback is you cannot include this forced pagebreak in the CSS for h3.