iBooks cropping text top and bottom

Alan Newson · 02-12-2012, 04:38 AM

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?

Toxaris · 02-12-2012, 06:13 AM

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.

Jellby · 02-12-2012, 10:30 AM

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.

Toxaris · 02-12-2012, 01:28 PM

Correct, but iBooks ignores @page. At least in all the versions I have heard of.

JSWolf · 02-26-2012, 11:12 AM

@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.

KLUTCH · 02-28-2012, 08:28 AM

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>

02-12-2012, 04:38 AM	#1
Alan Newson 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-28-2012, 08:28 AM	#6
KLUTCH 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>

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

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

02-12-2012, 06:13 AM	#2
Toxaris 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.

02-12-2012, 10:30 AM	#3
Jellby 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
Toxaris 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
JSWolf Resident Curmudgeon Posts: 73,858 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

Advert