Help needed positioning elements

I hope someone can help me with this, I've been ploughing through the
CSS 2 specs for a while trying to figure this out. Anyway...

I am designing an index page for a website that has information about
different properties, like an estate agent's (or realtor's if you
prefer) site. I want to have it like this:

Name of property
Information Photograph

Where the name is left-aligned, the photograph is right-aligned, and
the information is centre-aligned in the space between the photograph
and the margin. I also want the whole thing to be contained in a block
that I can define the height of, and the photograph must stretch to
fill the height of the containing block.

I have been experimenting with "floats" for a while, and setting the
"height" for the image to 100%, but I just seem to end up with
photographs overlapping different paragraphs. Please help! Thanks.

GaryM wrote:

I am designing an index page for a website that has information about
different properties, like an estate agent's (or realtor's if you
prefer) site. I want to have it like this:

Name of property
Information Photograph

Where the name is left-aligned, the photograph is right-aligned, and
the information is centre-aligned in the space between the photograph
and the margin.

http://www.spartanicus.utvinternet.ie/test/GaryM.htm

I also want the whole thing to be contained in a block
that I can define the height of, and the photograph must stretch to
fill the height of the containing block.

I have been experimenting with "floats" for a while, and setting the
"height" for the image to 100%, but I just seem to end up with
photographs overlapping different paragraphs.

Don't stretch or shrink images by specifying incorrect width and/or
height in the code, use a graphics editor to resize them properly.

--
Spartanicus