Sun, 2011-12-04 22:18
I am cteating dynamic content on my web site that can be resized and moved by the user dragging or moving it.
with all items except one scnario i have been able to handle the display of the resized elements through css only.
<div style="position: absolute; top:20px; left:20px; width:200px; height:200px;"> <div style="float: left; width:100%; height:50px; background-image:url....;"> </div> <img alt="" src="......" style="???????" /> </div>
now please bare in mind the top div position and size will change.
i would like the image always to fill the buttom part of the main div. height of main div - 50px or the whole width as the image must always keep its aspect ratio.
any help will be much apreeciated.