View Full Version : 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

<h1 style="line-height:0em;">Derp</h1>
<p>Herp</p>