No replies
Last seen: 11 years 9 weeks ago
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....;">
<img alt="" src="......" style="???????" />

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.