Hello,
I am developer, working for epub content and using Digital Editions to review generated epub file.
In one of our epub contains <div> tag like below:
<div id="top">
<img src="../image/001.jpg"/>
<div style="position:absolute; z-index: 1; top: 0px; left: 0px; font-size:x-large">Put words at 0px-0px</div>
<div style="position:absolute; z-index: 1; top: 200px; left: 100px; font-size:x-large">Put words at 200px-100px</div>
<div style="position:absolute; z-index: 1; top: 70%; left: 35%; font-size:small">Put words at 70%-35%</div>
</div>
I am trying to put the words onto the image file and it looks ok when checking it in other epub viewer but looks like DE ignoring these style attrbs: position, top, left.. and put these inner <div>s on next page.
Is there any solution for this?
just fyi, I set 'pre-paginated' on the content opf file and viewport metadata in the html file.
Thanks,
KT