No replies
jonasmp
Offline
newbie
dk
Last seen: 2 years 45 weeks ago
dk
Joined: 2011-12-04
Posts: 1
Points: 2

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.