Quote:
Originally Posted by Falkor
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).
|
You are doing something wrong. By writting "height: 100%" has no effect on children boxes (unless you also have "height: 100%" for <html> and <body> tags on ereaders based on Readium/Webkit. It has effect on ereaders based on RMSDK (ADE 2.x/3.x) but these last ones will ignore your "height: 80vh", so for that reason "height: 100%" works. But some ereaders based on Readium/Webkit won't use the full space you reserve for figure > svg (in your case "height: 80vh") unless you set "height: 100%" for figure. You must have something wrong with the width and height in your svg wrapper.
Quote:
|
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.
|
What? I suppose you are working under epub3, otherwise <figure> is not honored under epub2 and you shouldn't employed it in ADE (in ADE 4.x, as epub3, it WORKS). In Thorium and Calibre Viewer my code looks great; here you have some screenshoots:
1. In Thorium (with a font-size of 100%):
2. In Thorium (with a font-size of 137.5%):
3. In Calibre Viewer (with a font-size of 14px):
4. In Calibre Viewer (with a font-size of 18px):
I attach the respective epub so you can test it in your system. Open it in Calibre Viewer and start with a font-size: 14px; then increase the font-size to 28px.
As you will be able to see, the caption remains with the picture and there is no fragmentation in the text (there is no blank space generated by the image and the change of the font-size). You must be doing something wrong, otherwise you would have the same output than me.
Quote:
|
Removing the div and setting the height for the SVG works better for me, but splits can still happen.
|
As I stated before, you have something wrong. Post your code here and I will be able to help you better.