Hello everyone, I'm a newbie here so please be gentle :P.
I use Sigil to create epubs for my books, which I then upload to Google Play Books and read on my Nexus 7. Everything was going well until I had to insert a two-column table.
Here is the CSS stylesheet I used for the table:
td.colw {width: 50%; vertical-align: text-top;}
And here is the HTML code for the table within the page:
<table border="1" cellpadding="3" width="100%">
<tbody>
<tr>
<td class="colw"><i>DUMMY TEXT</i></td>
<td class="colw"><i>DUMMY TEXT</i></td>
</tr>
.
.
.
<tr>
<td class="colw">THIS IS A REALLY LONG TEXT.</td>
<td class="colw"></td>
</tr>
</tbody>
</table>
Now, the problem is that even though everything displays fine, if there is a long piece of text in one of the columns, instead of the column splitting and the remaining text flowing to the next page from that point, the entire column is moved to the next page, leaving a lot of white space below the last column in the previous page (please refer to the 2 attached images), which looks quite ugly.
My question is, is there some code which I can incorporate which makes table column text flow just like normal text and the column 'cuts' to the next page rather than completing moving itself there? Or is this is a problem with epubs which cannot be solved as of now?
Thanks in advance
n
