graphic bleeds into footer

[madcapnewbie]

I'm a little confused about how to actually insert a page break.

I produce both online and PDF output from Flare.

This is what my PDF page looks like.

What are the actual steps to insert a page break for this H2?

image_issue.JPG

[LTinker68]

Create a custom h2 style, then in the print medium of the stylesheet, set it to have page-break-before set to always. Then apply that h2 class to the heading you want to be on the next page.

[alaltenburg]

I have been resizing or moving images when they bleed over into the footer. Probably not the best way, but seems to work for me, since not all my images are near headings.

[forfear]

I think this could qualify as bug report. Its a text flow issue, IMHO.

page break before is a workaround that i use as well. But it 'is' a workaround. post it up, so that there is a permanent solution in future versions. I have.

[alaltenburg]

I will put a bug report in for this issue.

[garyjgeoaccess]

I remember seeing problems like you're describing when I first started generating PDF output. But I haven't had footer overlap problems in several months now.

Here is what I did to prevent the footer overlap problem:

I created a paragraph style for use by images, such as "p.img". I made sure I had only ONE image in each paragraph. Just the image in the paragraph. No text (other than the caption). Text goes in separate paragraphs.

Then add "page-break-inside: avoid" to BOTH your image styles AND the paragraph styles that the images use. (I don't know if you really need "page-break-inside: avoid" on BOTH images and paragraphs. But it certainly doesn't hurt to have it in both places.)

The situation you describe is indeed a bug in Flare. Flare should never allow an image to overlap the footer. But this situation can be avoided ... very easily.

I hope that helps.

Note: if you follow my instructions and still see the footer overlap problem, let me know. I'd like to see it. In my experience, you can ALWAYS avoid footer overlap problems.

[bobmoon]

That also happens for us when the image is inside a div: <div><p><img></p></div>.

If there is no reason for the div to be there, you can just right click the div block and choose Edit > Unbind. Flare will remove that block.

Bob

[alaltenburg]

That is true, however, I need the div tags because they enclose images and captions together.

[garyjgeoaccess]

Create a style for your DIVs and add "page-break-inside: avoid;" to this style.

Your images will not overlap your footer.

[alaltenburg]

I already have page break inside: avoid included because the page was breaking by putting an image on one page and it's caption on another page. Now, the only issue I have is the floating images do not adhere to the body box specified in the page layout, which is why it runs into the footer and of on the sides.

[garyjgeoaccess]

If you are using float with your images, yes, you will potentially have problems. Yes, images with float can potentially overlap the footer. However, these problems can be averted.

So the problem that you originally described was fixed with applying "page-break-inside: avoid" to the DIVs, but then you're also using float? I'm confused.

[alaltenburg]

My images still bleed into the footer and I already have the page break inside: avoid turned on.

I fix this by moving my images up so they are in a different place in the text because the text does not overlap.

[garyjgeoaccess]

So the images with float, are these images and their captions in DIVs?

And has "page-break-inside: avoid" been applied to these DIVs?

[alaltenburg]

Yes to both. There is another post regarding this issue and it had been deemed a bug issue and so we all submitted bug reports.

[alaltenburg]

I just received an email from MadCap Technical Support that tells me this bug is not able to be fixed in the current version of Flare, but has been reported as fixed in the next version of Flare due out next month.

Sounds good to me.
Andrea