Hello,<div><br></div><div>I've been reading through various old emails where people have problems with FramedCloud sizing, but I can't find a solution to this problem.<div><br></div><div>I am populating the FramedCloud in the usual way with some HTML contents:</div>
<div><a href="https://github.com/tomchance/OpenEcoMaps/blob/master/www/script/oem.js#L104">https://github.com/tomchance/OpenEcoMaps/blob/master/www/script/oem.js#L104</a></div><div><br></div><div>That contents includes a div with a CSS property to float right.</div>
<div><br></div><div>In some popups the height of the images in the right-floating div is greater than any text, and in those instances the cloud cuts the images off at the bottom and shows a scrollbar thanks to the overflow property being set to 'auto'. For an example, click on this recycling symbol:</div>
<div><a href="http://www.openecomaps.co.uk/map.php?pack=LDN&zoom=6&lon=-0.07191&lat=51.48017&layers=B000FTFFFFT">http://www.openecomaps.co.uk/map.php?pack=LDN&zoom=6&lon=-0.07191&lat=51.48017&layers=B000FTFFFFT</a></div>
<div><br></div><div>From what I've read, the code that calculates the size of the cloud is a bit tricky and it looks like it isn't dealing with the floating div properly. Other popups with non-floating contents show up properly in a much larger popup.</div>
<div><br></div><div>Can anyone help me to either:</div><div><br></div><div>1. Set the default height of the popup to be a bit bigger, or</div><div><br></div><div>2. Fix the popups so they size correctly?</div><div><br></div>
<div>Regards,</div><div>Tom Chance</div><br>-- <br><a href="http://tom.acrewoods.net">http://tom.acrewoods.net</a> <a href="http://twitter.com/tom_chance">http://twitter.com/tom_chance</a><br>
</div>