MobileRead Forums - View Single Post - problem with floating image and relative width

jobalcaen · 11-23-2012, 09:13 PM

Hello Everyone,

I'm trying to float an image with a max-width of 50% but its not working correctly. The following code works well in ibooks and firefox epubreader (but it ends up filling the entire page in ADE, PRS-505,aldiko :

Code:

  <div><img alt="sage gemme" src="../Images/pic0002.png" style="float: right; max-width:50%;" /></div>

It works if I change max-width to width, but then if I view the book in fullscreen in ADE it ends up getting stretched.

Any input is appreciated.

Thanks

11-23-2012, 09:13 PM	#1
jobalcaen Junior Member Posts: 5 Karma: 10 Join Date: Oct 2012 Location: Winnipeg, Canada Device: Sony PRS-505	problem with floating image and relative width Hello Everyone, I'm trying to float an image with a max-width of 50% but its not working correctly. The following code works well in ibooks and firefox epubreader (but it ends up filling the entire page in ADE, PRS-505,aldiko : Code: <div><img alt="sage gemme" src="../Images/pic0002.png" style="float: right; max-width:50%;" /></div> It works if I change max-width to width, but then if I view the book in fullscreen in ADE it ends up getting stretched. Any input is appreciated. Thanks