99problems icon indicating copy to clipboard operation
99problems copied to clipboard

Published 20 hours ago • verified publisher icon dvschultz

ADE and Nook allow borders to overrun floated image

Open libraryhead opened this issue 11 years ago • 2 comments

On Nook and ADE, if you have a floated element next to running text that has borders, the text will flow around the floated element but the border will not

screen shot 2014-07-09 at 11 20 20 am

libraryhead avatar Jul 09 '14 18:07 libraryhead

Although no other reading system does this, technically it may not be a bug (see http://www.smashingmagazine.com/2007/05/01/css-float-theory-things-you-should-know/)

Fix is to float the text as well, if feasible, or to replace border with an < hr>

libraryhead avatar Jul 09 '14 18:07 libraryhead

better, less invasive fix for a right-floated image: specify a max-width: 100%-(width-of-image+padding) on the element with the border

libraryhead avatar Jul 09 '14 19:07 libraryhead