Text still full justifying on iPad, even through style says align left

[SamL]

So I've been having this problem with my book, all of my titles, if the go more then one line, will fully justify on the iPad. Usually I just change the style to align:left, and that takes care of it. But I'm still having the problem on this book and I'm not sure why.

Here is my code:

<p class="header">22. The Freeway Philharmonic</p>
<p class="BT-NoIndent">One of the San Francisco Bay Area’s great musical treasures is its freelance pool of classical musicians. Skilled, devoted, and often overworked, this group of some 400 instrumentalists provides the musical core of many of our region’s performing ensembles. ...

p.header {
font-family : Times, serif;
font-size : 1.6em;
text-decoration : none;
font-variant : normal;
line-height : 1.42;
text-align: left;
color : #000000;
text-indent : 0px;
margin-bottom: 27px;
-webkit-hyphens:none;
adobe-text-layout: optimizeSpeed; <--! This is just to avoid hyphens on the Nook -->

}

And here is how it looks on the iPad:


Any help or suggestions would be appreciated, thanks.

[susan_cassidy]

Is this using iBooks? Have you tried another ePub-reading app to see if it displays differently on it?

[Toxaris]

Actually I don't see anything wrong. The header is left aligned. The text isn't, but you didn't post the class BT-NoIndent. If you have a problem with the text, we will need the description of that class.

[SamL]

Originally Posted by Toxaris

Actually I don't see anything wrong. The header is left aligned. The text isn't, but you didn't post the class BT-NoIndent. If you have a problem with the text, we will need the description of that class.

This is the code for the BT-NoIndent class:

p.BT-NoIndent {
font-family : Times, serif;
font-weight : normal;
font-size : 1em;
line-height : 1.2;
text-align : left;
color : #000000;

}

[SamL]

Originally Posted by susan_cassidy

Is this using iBooks? Have you tried another ePub-reading app to see if it displays differently on it?

Yes this is an ibooks only problem so far, I've tested it on the Nook and Kindle as well. But my company mainly proofs on the iPad, and we sell most of our books through apple, so I'd like to get this optimized for ibooks.

[adv_dp_fan]

Is it just the one book or are all your books on iBooks doing it? iBooks does have a "Full Justification" option in its settings page that will ignore alignment settings in the book but if it is just the one book than that wouldn't be your issue.

[SamL]

Originally Posted by adv_dp_fan

Is it just the one book or are all your books on iBooks doing it? iBooks does have a "Full Justification" option in its settings page that will ignore alignment settings in the book but if it is just the one book than that wouldn't be your issue.

its only this book. I've done several books with similar format, and this problem hasn't happened. I've even gone as far as to use all the header code from working books and paste it in this one, but the problem is still there.

[susan_cassidy]

It could be a weird side-effect from some other CSS error, maybe. Have you tried running the source through a validator, to see if anything pops up?

[Toxaris]

Is there in the CSS perhaps a specific setting for justification of the p, html or body class? It could be, that iBooks does not do the inheritance quite well. If for example the p class is in the CSS setting the justification on, it should be overruled. However, it might be ignored for paragraphs.
I also seem to vaguely remember that you can do a setting to justify everything by default on the iBooks, in fact it is the default. Have you turned that off?

[SamL]

Ah fixed it! Toxaris was right, in settings ibooks was set to full justification. Its weird I haven't run in to this until now though. Thanks for your help as always everyone.

[JSWolf]

Originally Posted by SamL

Ah fixed it! Toxaris was right, in settings ibooks was set to full justification. Its weird I haven't run in to this until now though. Thanks for your help as always everyone.

That isn't a fix. I think you'll find a lot of people are in full justification and this needs to be solved set that way.

[AlanHK]

I know this is an ancient thread, but I've just had the same problem.

Using this style:

.poem {
text-align: left;
text-indent: 0;
margin-top: 1.4em;
}

If over a line, it is justified in iBooks (though left aligned in every other reader I've tried).

Is there a fix aside from "Change your preferences"?

[JSWolf]

Yeah, stop using iBooks.

[theducks]

Gotta side with finding another app that allows full stylesheet compliance.
IMHO "We know better" just does not cut it