Reply To: Keeping images and captions on the same page

…and if you have several images + captions to keep together, in InDesign you can group the images and captions, assign a named object-style and InDesign will create the divs for you with the object-style name given as a div class to which you can apply the CSS rule. See here.

I have found that the page-break-inside:avoid; method works to keep images and captions together UNLESS an image has a taller aspect ratio as well as a taller native height than the page. In this case, iBooks ignores page-break-inside:avoid; and scales the image to 100% of the available page height thus forcing the caption onto the next page. Can anyone suggest how I might get around this?

I have tried applying max-height:100%; to the div but no joy. I've read on another forum that a SVG wrapper might work but I'd prefer to exhaust all the relevant basic CSS rules before exploring that route.

Cheers.