On 11/02/2012 07:29 PM, Robert Gibbins wrote:
Some time ago I realised that although one can (at least in an epub reader) force a "page break" by dividing an html page into multiple divisions, each of which has the style {page-break-before: always}, the (vertical) margin-bottom of the last element in a previous page and the margin-top in the succeeding page collapse into each other using the usual HTML rules on vertical margin collapsing. The practical effect of this is that unless the last element of the previous page is exactly at the bottom of that page, the margin-top of first element of the succeeding page effectively does not appear in the succeeding page. Currently I get round this problem by starting each division which forces a page-break with: <div class="margin-top-anchor> </div> Where the css contains: div.margin-top-anchor {line-height: 100%; margin-top: 0em; margin-bottom: -1em} i.e. so that each division starts (I hope) with a zero height line which 'anchors' the margin-top of the next element onto its own page.
div.chapter { page-break-before: always } h2 { padding-top: 1em } <div class="chapter"> <h2>Chapter II</h2> The div will start a new page and the padding-top will not collapse with the margin-top of the page thus giving a little extra room at the top of the page. Regards -- Marcello Perathoner webmaster@gutenberg.org