Image styling css... what do all these properties do?

[JSWolf]

Originally Posted by Falkor

continued from here: https://www.mobileread.com/forums/sh...55#post4519655



Interesting, I thought it was just be a new bug in the Tolino renderer. Older version handle margins at the top of a page just fine. And it's never been a problem in any other reading software I tried.

Using padding instead of margin will work in most cases. And if I need an actual margin, I can always place a zero height div at top of the page... That does fix the issue.

That sounds rather convoluted when it should be very simple.

[Falkor]

Right, I would have expected a margin to simply work...

[phillipgessert]

Originally Posted by Falkor

Right, I would have expected a margin to simply work...

I believe this is due to the way the box model works. Margin needs something to push off of, because it's on the outside of the element. Padding is instead a part of the element, so that space is always there. Though why margin would sometimes work for the first element, and sometimes not, I couldn't say. Seems like, in theory, that should never work. I always err on the safe side and assume it won't.