Heading Levels and Page Breaks (CSS)

[Robotman]

Greetings.

Ok, I'm confused.

When I have the following code, the <h2> appears on the second PDF page followed by the table.
<p>text</p>
<h2>Heading Text</h2>
<table>Table</table>

Note: The <h2> can be any heading level.

But when I have
<p>text</p>
<h2>Heading Text</h2>
<p>text</p>
<table>Table</table>

Then the pages flow perfectly without a page break.

I have added the Page Break avoid to the CSS in case that was the problem. Didn't fix the issue.

Why?

[carolynmwallace]

Well, I don't see any issues in the code you posted. That indicates a stylesheet problem to me. (Unless there's a Flare 5 table/heading bug I don't know about.)

You said you added page break avoid: was that to the heading class or the table class?

Also, could you open your stylesheet in the text editor and copy and paste your table and heading styles into a post? That would give us more to work with.

[Robotman]

(sorry, I'll post those when I can - I'm in the middle of heavy deadline schedule as all of our software is meant to be delivered this week)

[forfear]

Here's a tip,
set a page-break-inside:avoid
to a div.
for print
If you want to keep a section of text comprising more than two paragraphs together
sometimes its good to enclose it in a div.
This div.section you can set the
page-break-inside: avoid

basically this will give tells Flare's layout engine how to group sections as it parses your pages and flows text across a page.

DIV

Do give it a try Robotman.

Greetings.

Ok, I'm confused.

When I have the following code, the <h2> appears on the second PDF page followed by the table.
<p>text</p>
<h2>Heading Text</h2>
<table>Table</table>

Note: The <h2> can be any heading level.

But when I have
<p>text</p>
<h2>Heading Text</h2>
<p>text</p>
<table>Table</table>

Then the pages flow perfectly without a page break.

I have added the Page Break avoid to the CSS in case that was the problem. Didn't fix the issue.

Why?