Quote:
Originally Posted by nabsltd
A weirdness I haven't bothered to post is that a negative margin on the html element and a table on a page are just fine...until you add in a drop cap.
This results in the rendering seen in the first attached picture, where the drop cap floats to where it belongs, but the text doesn't flow around it.
Also, even without negative margins at the html level, there are other combinations of CSS that cause the left margin to be farther left than the CSS would indicate. One of these cases seems to be the same as the "margin at the top of the page" bug, where it isn't rendered correctly until something non-blank is rendered. I've also seen it in
And, the Kindle renderer in general doesn't support negative margins that push content outside the enclosing block. This is perfectly legal, and has actual uses (like hanging initial punctuation outside the text block), although they are rare.
|
There is a very good solution that I use. I remove the dropcap. It doesn't work all that well anyway. Change the line-height, change the font, change the font size, and the dropcap could be off. So it's easier to just do away with it. I don'r need it and I don't care that it's no longer there.