1. Due to the recent site upgrade, the iPadForums (iPF) App will no longer work. The new iPadForums.net website has been designed from the ground up to work perfectly from any mobile, tablet, or desktop computer using the built in internet browser. Create a shortcut to iPadForums.net on your home screen by following these steps: Create an icon for iPadForums.net

Why Floating of Images not working properly in iBooks?

Discussion in 'iBooks' started by Raja1205, Sep 7, 2012.

  1. Raja1205

    Raja1205 iPF Noob

    Apr 27, 2012
    Thanks Received:
    Trophy Points:
    +0 / 0
    Text overlaps on Floated Images in iBooks


    I have created a sample ePub with CSS image floating style (Ex: img {float:left;}) and loaded into the iBooks (version 2.1.1).

    Floating of "Image and text" displays well but in most of the occurrences "text content" overlaps on the floated images when increasing/decreasing the font size (zoom in/zoom out).

    Screenshots attached for your reference.

    Text overlaps on images (Before zoom in):



    Text reflows properly (After zoom in):



    I have used the following CSS code for image floating:

    CSS code:

    padding:0em 1.5em 1.5em 0em;

    I am wondering, how this issue happens on iBooks because iBooks is the best ePub reading system from Apple.

    Is it "iBooks" issue or CSS code issue?

    Note: The same ePub sample displays well in all other ePub reading system (Example: Adobe Digital Edition, Calibre, etc.)

    Could someone help me to solve this problem? Also advise how to identify the 100% zoom level in iBooks.

    Thanks in advance for suggestions and help.

    Raja. S
    Last edited: Sep 7, 2012

Share This Page

Search tags for this page

css float and ibook apple epub


zooming an image in ibook