02-12-2012, 04:38 AM | #1 |
Member
Posts: 13
Karma: 10
Join Date: Dec 2011
Device: iPad
|
iBooks cropping text top and bottom
I'm trying to figure out why my ePub is having the first and last lines of text cropped horizontally in iBooks. I can see the top half of the last line at the foot of the left hand page, and the bottom of that line appears at the top of the right hand page.
I have used margin-top in an <h3> style, but that was set to 0px as the default <h3> seemed to be adding unwanted space before (above) it. Has anyone come across this before? |
02-12-2012, 06:13 AM | #2 |
Wizard
Posts: 4,520
Karma: 121692313
Join Date: Oct 2009
Location: Heemskerk, NL
Device: PRS-T1, Kobo Touch, Kobo Aura
|
Perhaps you should put a small margin in the body.
About the <h3> style, that is logical. All HTML-tags have a default styling. If you don't want that styling, you have to overrule it. |
Advert | |
|
02-12-2012, 10:30 AM | #3 |
frumious Bandersnatch
Posts: 7,515
Karma: 18512745
Join Date: Jan 2008
Location: Spaniard in Sweden
Device: Cybook Orizon, Kobo Aura
|
Margins in <body> shouldn't matter, as the are applied to the whole block, not to each "page" (but maybe iBooks does funny things, who knows). The appropriate thing is setting margins in @page.
|
02-12-2012, 01:28 PM | #4 |
Wizard
Posts: 4,520
Karma: 121692313
Join Date: Oct 2009
Location: Heemskerk, NL
Device: PRS-T1, Kobo Touch, Kobo Aura
|
Correct, but iBooks ignores @page. At least in all the versions I have heard of.
|
02-26-2012, 11:12 AM | #5 |
Resident Curmudgeon
Posts: 73,897
Karma: 128597114
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
@page is something I delete when I see. It's akin to the page-template I also delete. Both do similar things that I don't want done.
|
Advert | |
|
02-28-2012, 08:28 AM | #6 |
Enthusiast
Posts: 29
Karma: 22
Join Date: Oct 2010
Location: London
Device: Kindle, iPad, iPhone 4, HTC Desire
|
Header tags (h1 etc) have a larger 'line-height' than you would expect from a <p> so you will get space above and below the actual x height of the text.
Setting the line-height to 0em will 'solve' this but will stack the text if the line breaks Example Code:
<h1 style="line-height:0em;">Derp</h1> <p>Herp</p> |
|
Similar Threads | ||||
Thread | Thread Starter | Forum | Replies | Last Post |
top and bottom margins when converting to pdf | jhsrennie | Conversion | 3 | 04-06-2012 02:26 AM |
Kindle in landscape mode cropping pdfs at top and bottom | AceVentura | Amazon Kindle | 2 | 12-31-2011 02:05 PM |
margin top, bottom, additive or not ? | cybmole | Conversion | 5 | 02-16-2011 12:33 PM |
anyway to change Kindle top/bottom margin? | cdpango | Kindle Developer's Corner | 2 | 11-28-2010 08:20 PM |
Is there a way to stop the faded text at the bottom & top in horizontal mode? | Sunspark | Sony Reader | 9 | 03-25-2010 03:36 PM |