MobileRead Forums - View Single Post - iBooks: Text overflowing image if it's at top of screen.

whbenson · 03-21-2012, 10:01 PM

This problem can show up when increasing the font size, for example, pushes the floated image to the next page.

Perhaps paradoxically, a workaround for this problem is to ensure the images you're floating are always at or near the top of the page. One way of doing this is to put an empty <div> styled with "page-break-before: always;" immediately before the float or within a few lines, say. This seems to work so far, if you can live with that constraint.
-Bill

03-21-2012, 10:01 PM	#7
whbenson Enthusiast Posts: 37 Karma: 493532 Join Date: May 2010 Device: ipad	This problem can show up when increasing the font size, for example, pushes the floated image to the next page. Perhaps paradoxically, a workaround for this problem is to ensure the images you're floating are always at or near the top of the page. One way of doing this is to put an empty <div> styled with "page-break-before: always;" immediately before the float or within a few lines, say. This seems to work so far, if you can live with that constraint. -Bill