Quote:
Originally Posted by RbnJrg
Really? Did you try to open your epub for example under Foliate (to name one of the problematic ereaders) by employing that trick? At least you need to give a "height: 100%" for the <figure> tag. That height means nothing (because the parent box doesn't have a height) BUT will allow that the height defined by the svg wrapper takes the full space and works in those buggy ereaders. On the other hand, is perfectly possible to assign a valid height (not one that has no effect, as I stated in the previous paragraph) to the figure tag; read the following post about images and captions:
https://www.mobileread.com/forums/sh...4&postcount=29 |
Sorry, I don't have a Linux system to run Foliate on.
With a 100% height setting, things can become messy in calibre viewer. (see attachment). Not setting it eliminates all issues with the caption overlapping the text.
The solution you linked places the caption on the picture in Thorium and Calibre viewer and may split the image in ADE and in Books. Removing the div and setting the height for the SVG works better for me, but splits can still happen.