ADE and Nook allow borders to overrun floated image

dvschultz / 99problems

99 Problems and e-reader rendering are all of them

60 stars 3 forks source link

ADE and Nook allow borders to overrun floated image #29

Open libraryhead opened 10 years ago

libraryhead commented 10 years ago

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 commented 10 years ago

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 commented 10 years ago

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