Welcome to iPadForums.net Guest - Click Here to Register

Why Floating of Images not working properly in iBooks?

This is a discussion on Why Floating of Images not working properly in iBooks? within the iBooks forums, part of the iPad App Store category; Hi, 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 ...

iPadForums.net is the original Apple iPad Forum! Registered Users do not see these ads. Please Register - It's Free!
+ Reply to Thread
Results 1 to 1 of 1
  1. #1
    iPF Noob
    Member #
    196591
    Join Date
    Apr 2012
    Location
    Chennai
    Posts
    9

    Text overlaps on Floated Images in iBooks

    Hi,

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

    img{
    float:left;
    padding:0em 1.5em 1.5em 0em;
    clear:both;
    }

    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.


    Thanks,
    Raja. S
    Last edited by Raja1205; 09-07-2012 at 05:42 AM.

  2. Ads



Home | Forum | Active Topics | What's New

Links

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts

Similar Threads

  1. Images not visible in Ibooks - epub
    By vikky114 in forum iBooks
    Replies: 3
    Last Post: 04-01-2014, 09:39 PM
  2. Safari not working properly
    By NashvilleTN in forum iPad Help
    Replies: 5
    Last Post: 10-26-2012, 03:54 PM
  3. Replies: 3
    Last Post: 05-26-2012, 06:54 AM

Search tags for this page

css float and ibook apple epub
,
epub float right
,
epub ibooks image float not working
,
float images in ibooks
,
float in epub ibooks
,
float right epub
,

how make image float ibooks

,
ibook,epub,css,img
,
ibooks css
,
ibooks float images
,
ibooks not opening epub attachments
,

ibooks not working on ipad

Click on a term to search for related topics.