View Single Post
Old 05-14-2014, 11:39 AM   #1
fdeandao
Junior Member
fdeandao began at the beginning.
 
Posts: 3
Karma: 10
Join Date: May 2014
Device: Readium
Ibooks, Epub3 and fixed layout overflow?

I want to create a epub and display in Ibooks, this epub have a fixed layout but is dynamically generated, the result may have varying dimensions, but in ibooks needs a viewport with static width and height, for example:

Code:
<meta content="width=768, height=576" name="viewport"/>
Ibooks only show the content shown in the viewport

Also, some page have dynamic content and this can grow the size

i tried device-height or 100% and didn't work

Right now i put all content of the page in a DIV with this style:

Code:
body > nav > ol {
          width: 90%;
          margin-left: 2%;
          margin-right: 2%;
}
 
 
.epub_content, body > nav {
          width: 740px;
          max-width: 740px;
          min-width: 740px;
          height: 536px;
          max-height: 536px;
          -webkit-overflow-scrolling: touch;
          overflow-x: hidden;
          overflow-y: auto;
          padding: 8px 0px;
}
 
 
.exp_resource {
          max-width: 740px;
          overflow: hidden;
}
 
 
.window_container {
          width: 770px;
          max-width: 770px;
          min-width: 770px;
          height: 545px;
          max-height: 545px;
          -webkit-overflow-scrolling: touch;
          overflow-x: hidden;
          overflow-y: auto;
}
This work fine and i can see all content but anchors didnt works

Anyone know how to make scrollable page in epub with fixed layout?

Regards
fdeandao is offline   Reply With Quote