![]() |
#16 |
Connoisseur
![]() Posts: 53
Karma: 10
Join Date: Jul 2012
Location: Seattle, USA
Device: Nook
|
There's only one stylesheet in my book, and it contains these settings:
Code:
body { /* widows: 0; */ /* orphans: 0; */ margin: 0; padding: 0; border: 0; } If I understand you correctly then I should add a "height:100%;" to the single pseudo-fixed-layout page (the one with the dedication, for exampe). This would ensure a correct vertical centering of that page's content: Code:
<body style="height:100%;"> ... </body> Last edited by _savage; 01-25-2013 at 10:29 PM. |
![]() |
![]() |
Advert | |
|
![]() |
#17 | |
Curmudgeon
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 629
Karma: 1623086
Join Date: Jan 2012
Device: iPad, iPhone, Nook Simple Touch
|
Quote:
![]() Also, you should not be setting the margins to zero on normal, flowing pages. I've seen some readers (Kobo on iOS) break when I do that. YMMV. As a rule, you should avoid styling the HTML and BODY tags (beyond possibly setting fonts) unless you're doing something very unusual, such as the aforementioned special single-page layouts. |
|
![]() |
![]() |
![]() |
#18 |
Connoisseur
![]() Posts: 53
Karma: 10
Join Date: Jul 2012
Location: Seattle, USA
Device: Nook
|
Quite the opposite of what JSWolf seems so say :-) I've never had a chance to try the books on Kobo, unfortunately.
|
![]() |
![]() |
![]() |
#19 | ||
Resident Curmudgeon
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 52,142
Karma: 45958441
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Aura H2O, Sony PRS-650, Sony PRS-T1, nook STR, iPad 4, iPhone 5
|
Quote:
Quote:
|
||
![]() |
![]() |
![]() |
#20 |
Resident Curmudgeon
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 52,142
Karma: 45958441
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Aura H2O, Sony PRS-650, Sony PRS-T1, nook STR, iPad 4, iPhone 5
|
But he's not using them for an incorrect understanding of how they work. Instead of getting things all wrong, it would have been better to help by explaining what widows and orphans actually are.
|
![]() |
![]() |
![]() |
#21 | ||
Connoisseur
![]() Posts: 53
Karma: 10
Join Date: Jul 2012
Location: Seattle, USA
Device: Nook
|
Quote:
![]() Quote:
It doesn't really matter to me on an eReader device, to be honest. This should be a user setting, not an eBook setting. It does matter for printed books though, but that's not what I'm doing here anyway ![]() |
||
![]() |
![]() |
![]() |
#22 | |
Resident Curmudgeon
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 52,142
Karma: 45958441
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Aura H2O, Sony PRS-650, Sony PRS-T1, nook STR, iPad 4, iPhone 5
|
Quote:
|
|
![]() |
![]() |
![]() |
#23 |
Connoisseur
![]() Posts: 53
Karma: 10
Join Date: Jul 2012
Location: Seattle, USA
Device: Nook
|
Just when I thought things started to work on an iPad...
I noticed that text flows into an image: Code:
... </p> <div style="width:45%; float:left;"><img ... /></div> <p> ... I thought this could be solved by avoiding widows and orphans, but that didn't change a thing. There was some talk about wrapping the <img> into a <span> but that didn't work either (it's already wrapped in a <div> anyway). Is this a page height issue? Or how do I go about this? |
![]() |
![]() |
![]() |
#24 |
frumious Bandersnatch
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 7,086
Karma: 9646489
Join Date: Jan 2008
Location: Spaniard in Sweden
Device: Cybook Orizon, Kobo Aura
|
What happens if you apply the style to the <img> rather than the <div>?
|
![]() |
![]() |
![]() |
#25 | |
Connoisseur
![]() Posts: 53
Karma: 10
Join Date: Jul 2012
Location: Seattle, USA
Device: Nook
|
Quote:
|
|
![]() |
![]() |
![]() |
#26 |
Curmudgeon
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 629
Karma: 1623086
Join Date: Jan 2012
Device: iPad, iPhone, Nook Simple Touch
|
Top margin difference between the paragraph and the div, maybe?
|
![]() |
![]() |
![]() |
#27 | |
Connoisseur
![]() Posts: 53
Karma: 10
Join Date: Jul 2012
Location: Seattle, USA
Device: Nook
|
Quote:
Code:
... </p> <div style="width:45%; float:left; padding:1em 1em 1em 0;"><img ... /></div> <p> ... However, because the <div> floats left I hoped that the top of the image and the top of the paragraph would line up. As it is now the image is 1em further down. Also, should I used padding or margin here? Thanks ![]() |
|
![]() |
![]() |
![]() |
#28 | |
A Hairy Wizard
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 1,591
Karma: 11700000
Join Date: Dec 2012
Location: Charleston, SC today
Device: iPhone 6/5/iPad 1,2 & Air/Surface Pro/Kindle PW
|
Quote:
Hey, I wonder, if everyone STOPPED accommodating the buggies in iBooks with all these workarounds, do you think Apple would get off their A$$le and FIX it?? Sort of like a union strike?? "ePubbers United"!!! ![]() ![]() |
|
![]() |
![]() |
![]() |
#29 | ||
Connoisseur
![]() Posts: 53
Karma: 10
Join Date: Jul 2012
Location: Seattle, USA
Device: Nook
|
Quote:
Quote:
![]() |
||
![]() |
![]() |
![]() |
#30 | |
Curmudgeon
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 629
Karma: 1623086
Join Date: Jan 2012
Device: iPad, iPhone, Nook Simple Touch
|
Quote:
|
|
![]() |
![]() |
![]() |
Thread Tools | Search this Thread |
|
![]() |
||||
Thread | Thread Starter | Forum | Replies | Last Post |
EPub validates in Sigil but not in Apple Store & B&N | ralphiedee | Sigil | 8 | 08-08-2012 05:06 PM |
iBooks: Avoid page breaks within table rows/cells | ckirchho | ePub | 7 | 06-12-2012 03:11 PM |
ePUB validates ok but still warns error!!!??? | panda6855 | ePub | 5 | 01-12-2011 06:14 PM |
iPhone iBooks page breaks not working | BartCubbins | Apple Devices | 2 | 09-08-2010 10:25 PM |