Register Guidelines E-Books Search Today's Posts Mark Forums Read

Go Back   MobileRead Forums > E-Book Formats > ePub

Notices

Reply
 
Thread Tools Search this Thread
Old 05-15-2013, 10:22 AM   #1
E-Books
Junior Member
E-Books began at the beginning.
 
Posts: 4
Karma: 10
Join Date: May 2013
Device: I-Pad 1 & Kindle Fire
Arrow How to solve EPUB3/EPUB2 rendering issue on Ipad

Please refer the attachment.

I have created a sample EPUB3 ebook in which box content not displayed properly and box displayed as two separate boxes on Ipad.

Kindly guide me how to solve this issue. Is this a bug of Ipad?
Note: Same issue occur on portrait mode.

Codes used:

HTML
-----
<p class="image1"><img src="../images/p29.jpg" alt=""/></p>
<p class="h2c">Being back ... childhood. </p>

CSS
----
.image1
{
font-size: 100%;
margin-top: 1em;
margin-bottom: 2em;
margin-left: 0em;
margin-right: 0em;
text-align: center;
text-indent: 0em;
}

.h2c
{
margin-top: 1em;
margin-bottom: 0.5em;
margin-left: 3em;
margin-right: 0em;
text-align: left;
width:350px;
text-indent: 0em;
font-family:sans-serif;
background-color: #FFDF00;
border-top-right-radius:1em;
padding:0.5em;
display:block;
}

Regards,
E-Books lover
Attached Thumbnails
Click image for larger version

Name:	Box splitted as two portion.png
Views:	138
Size:	368.3 KB
ID:	105919  
E-Books is offline   Reply With Quote
Advert
Old 05-16-2013, 03:13 AM   #2
Jellby
frumious Bandersnatch
Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.
 
Jellby's Avatar
 
Posts: 7,068
Karma: 9562279
Join Date: Jan 2008
Location: Spaniard in Sweden
Device: Cybook Orizon, Kobo Aura
"display: block" does not mean it won't break across pages, and it's the default for <p> anyway. You are looking for "page-break-inside: avoid", but I have no idea if iBooks (I guess you mean iBooks, rather than iPad) supports it.
Jellby is offline   Reply With Quote
Old 05-16-2013, 07:07 AM   #3
E-Books
Junior Member
E-Books began at the beginning.
 
Posts: 4
Karma: 10
Join Date: May 2013
Device: I-Pad 1 & Kindle Fire
Thanks for the suggestion, iBooks supports "page-break-inside: avoid" CSS property and rendered well.
E-Books is offline   Reply With Quote
Reply

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Confused! XHTML, HTML, HTML5, EPUB2, EPUB3??? carlosbcg ePub 29 02-23-2013 07:32 PM
refined metadata in epub2? mzmm ePub 2 11-14-2012 01:52 PM
JAVASCRIPT support in ePub2/ePub3 Raja1205 ePub 7 09-03-2012 06:48 AM


All times are GMT -4. The time now is 02:50 AM.


MobileRead.com is a privately owned, operated and funded community.