floating an image in the content at the bottom of the content div

Is it posible to have an image or div insite the content div that floats at the bottom of the div?
i tryed float:right that works but it is a the top of the div I like it to be at the bottom right of the div with de text of the content flowing around the image/div. I searched the internet but there is no css option float:bottom-right or somthing like that. does any one of you css gurus have a solution? the image must be at the same plase all the time even if there is not alot of text the image must be at the bottom of the content div, the content div has a fixed position height and width.

Thanks in advanced,

DImmy

Hi Dimmy,

Just off the top of my head, you could use ’position:relative’ and then place the div use the left,top,bottom,right CSS settings to position the div.

It should work especially as the content div has a fixed height and width.

Cheers, Garry

Quote from: garryn at Mar 20, 2006, 06:23 AM

Hi Dimmy,

Just off the top of my head, you could use ’position:relative’ and then place the div use the left,top,bottom,right CSS settings to position the div.

It should work especially as the content div has a fixed height and width.

Cheers, Garry

that works to position the image but the text of the content div wil run underneath or over that image , I like it to flow around the image.

Like this?

http://www.cssplay.co.uk/menu/embed.html

Quote from: sottwell at Mar 20, 2006, 08:15 AM

Like this?

http://www.cssplay.co.uk/menu/embed.html

yes a bit like that but the image would be square and simple, when I look at the source it contanins a lot of classes how would that work in MODx?
by just using 2 content fields one for the text (main content [*content*] and one tv for the image

like this: