fdeandao

Q: 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:

<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:

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

Posted on May 14, 2014 8:34 AM