Q: layout problem on iBooks iOS8
I generate epub books using proprietary software.
Following code used to give good results (iBooks on iOS7):
<div> <div class="keep-together"> <table> <tr> <td class="prose"><div> some content...</div></td> <td class="image"> <a href="work_19828.html"><img alt="some text" src="../Images/work_19828_epub.jpg"></img></a> </td> </tr> </table> </div> </div>
used together with following CSS :
.keep-together {
display: inline-block;
width: 100%;
}This rule has been introduced to avoid the two table cells to appear on different pages when there is not enough vertical space for the image (as used to happen). This works fine on iBooks on iOS7.
On iBooks iOS8 this code gives unexpected results when the table is reported to the next page.
The problem is shown on following screen dump where the table cell borders have been drawn (first table shows the problem, second one is ok).
Has anyboy an idea on what causes the problem.
Any solution or workaround would be highly appreciated.
iPad, iOS 8
Posted on Nov 10, 2014 10:36 AM
