Arrgh. Still trying to solve this problem. As I knew, grouping the caption with the image and applying the float doesn't really work because the caption gets cut off (even if only one line).
It's closer to what I want. But I tried to adjust the CSS with various line height, margins or padding, tags. Nothing seems to keep the text from being cut off. I am not able to find out what it is in the CSS or HTML that does this. (This is in iBooks, my floated images are not even working at all in ADE. They appear huge and half off the "page")
Exporting the image and caption as inline so that the caption is rasterized isn't a good solution either, as the caption gets so small it cannot be read.
If anyone has come close to solving this issue I will bow down and worship you if you tell me how you did it.
I suppose I can just make everything centered and the same size with "jump wrap" but the client will hate it.
I guess nobody either has this problem, or the answer. I came up with a solution that sorta works, at least in iBooks. There was an overflow:hidden tag in the CSS on the divs for the grouped captions and images. I removed that tag and then the entire caption will show, BUT now if the caption is very long it overlays/crashes into the text below. Ditto if you increase the text size in iBooks. the image is set to relative to text flow. Because the grouped image and caption seems to be not supported (I'm guessing here.) The div gets exported with this:
Which doesn't seem to do anything. If I remove it from the HTML. It doesn't appear to change anything.
The book looks "ok" on iBooks. Though any caption longer than a line or two won't work.
After conversion to mobi the images still get cut off on the top or bottom of the screen and these tags:
Don't appear to work at all.
They do seem to work (mostly) on ibooks.
If anyone has skinned this cat—please help!
Moving to InDesign EPUB forum