Aligning an image with the bottom of it's container

[Listerofsmeg]

Hi all,

Is this possible? I have a simple DIV with some text and an image inside.
I want the text to wrap around the image, but I want the bottom of the
image to sit on the bottom of the DIV.

I know the size of the image, but not the size of the DIV.

Many thanks
Lister

[Lauri Raittila]

in comp.infosystems.www.authoring.stylesheets, Listerofsmeg wrote:

Hi all,

Is this possible? I have a simple DIV with some text and an image inside.
I want the text to wrap around the image, but I want the bottom of the
image to sit on the bottom of the DIV.

I know the size of the image, but not the size of the DIV.

Easy:

img {position:relative;top:-50px-;float:right;}

<div>text<img height=50></div>

I have no idea if it works. Most browsers seem to move floated box
around, when relatively positioned, but they should first do the
positioning and then floating.

But I could be missinterpreting the spec, this is 3am here and I didn't
check anything well.

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>

[RAM]

CSS
..imgPlace{
float:right;
margin:5px 0px 0px 5px;
}

HTML
<div>all the text here...<img src="img.gif" class="imgPlace"/></div>

[Lauri Raittila]

in comp.infosystems.www.authoring.stylesheets, RAM wrote:

[and snipped all text - usual way to make clear that reply don't answer
to any question asked]

CSS
.imgPlace{
float:right;
margin:5px 0px 0px 5px;
}

HTML
<div>all the text here...<img src="img.gif" class="imgPlace"/></div>

Of course, this don't work as OP wanted, mostly becuase image will
overflow.

Try with about 10 lines of text, and image that height is 5 lines, and
you see. What you did was 5px margin to right and bottom of image, that
has no relevance whatsoever.
--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>