EPUB validates, and breaks in iBooks

[Turtle91]

Originally Posted by dgatwood

There may have been a lot of bugs in the past, but I haven't experienced very many actual bugs in current versions of iBooks. Out of the huge list of CSS quirks that I've been putting together on the EPUB page on the MobileRead wiki, only two or three of them are quirks in iBooks. The other 19 bugs are are in one version of ADE or another.

Well, that's some good news. Any buggies noted from their current rendition of ePub3??

[dgatwood]

Originally Posted by Turtle91

Well, that's some good news. Any buggies noted from their current rendition of ePub3??

I have no idea. I'm sticking solidly with EPUB 2.0.1.

[Turtle91]

Hmmmm.....well, I still want to have a strike!!! Maybe against Amazon??!!?? Please!

[_savage]

So what am I to do about the floating text issue then? Think up some margin value and hope that iBook gets it right and floats the text correctly? Probably not going to go that way.

Also, what's preferable: margin or padding in this context?

dgatwood: Uh, which thread is that?

Turtle91: To the barricades! The guilty ones will feel guilty, we don't have to choose for them. Just to the barricades!

[dgatwood]

Originally Posted by _savage

So what am I to do about the floating text issue then? Think up some margin value and hope that iBook gets it right and floats the text correctly? Probably not going to go that way.

First, make sure that it's really a bug. Try putting the same content in at the top of an HTML file and see what it does in a browser (e.g. Chrome, Safari, and/or Firefox). Experiment with setting the @page margins, and the margins for the html and body tags to zero and nonzero values when you do so. If you're able to make it behave the same way in a browser as it behaves in iBooks, then the issue is that the upper margin of the floated image is greater than the upper margin of the paragraph, and you need to fix that. If it behaves differently, try adding:

html {
        -webkit-line-box-contain: block inline replaced !important;
        line-box-contain: block inline replaced !important;
}

to the style sheet, and if that fixes it in iBooks, let me know, because it will give me more ammunition to push them to fix a bug that I filed.

If that doesn't fix the problem in iBooks *and* it doesn't behave that way in a browser, then please file a bug with Apple at bugreport.apple.com and post the bug number or PM me. I'd be interested to find out what the underlying issue is.

Originally Posted by _savage

dgatwood: Uh, which thread is that?

You mean where I posted a big giant list of known bugs? It's not a thread. It's on the wiki site:

https://wiki.mobileread.com/wiki/EPub#CSS_Tips

[Toxaris]

Does iBooks support @page already?

Also, if a lot of -webkit entries are required in a stylesheet to ensure that iBooks behave, I do not consider that to be a good thing...