Hi all. I have an epub which tests with no errors in Flightcrew, which shows fine on a Nook, but which loses the page breaks on an iPad. My css says, in part:
<style type="text/css">
h1 {font-weight: bold; text-align: center; text-indent: 0px}
h2 {text-align: center; text-indent: 0px; page-break-before:always}
h3 {text-align: center; text-indent: 0px}
</style>
I use h1 for the book title, h2 for new chapters, and h3 for headers I don't want a page break before.
eg.:
<h1><a id="title-page"/>Title Here</h1>
<p class="center">by</p>
<h3>Author Here</h3>
<h2><a id="TOC"/>Table of Contents</h2>
[and then the toc here]
<h2><a id="start"/>Chapter One</h2>
etc. Except in this case the "chapters" are poetry titles, as it's a book of poetry. I want each poem on its own page, naturally. Why would it look fine on a Nook but not on the iPad? Is there something I have to add for an iPad that won't insert extra page breaks on the Nook? Thanks, all!