Quote:
Originally Posted by Moonbase59
@RbnJrg: Couldn’t really believe what you said about the Pocketbook, because I always found their renderer rather compatible. I own a Pocketbook Era (PB700), Firmware U700.6.8.4183.
I took an older test file and quickly put your ".bigMargin" example in, setting the "div" background to green so we can see what’s happening. As far as I can see, all is as intended. I enclose the test EPUB so you can try for yourself.
Sigil, Thorium, Foliate and the actual device show it works fine. Oh, and KOReader, too.
Just in case anyone wonders: Block element margins usually collapse, that’s why we don’t see "more margin" in the example.
|
Sorry, my mystake. I was referring to the Android version of PB. It's possible that the physical device has a different rendering engine, but the app has the bug I described.
Download the app; open the epub I attach with PB and you'll be able to check that the app doesn't honor especial margins.
Here you have how it looks under Sigil:
And here you have a screenshoot of PB:
As you can see, margins are not honored

And here we don't have an issue due to margins collapse; according to css rules, the margin to take is the bigger one, and in the present case, the bigger margin is 1em. You need in PB to replace that <p> with a <div> and apply .bigMargin to this last one if you want to have the proper margins.
You can also try it with Thorium by trying to increase the font size in an <h*> tag; it doesn't accept it. Instead, it uses the program's default size.