OT: CSS - dynamic div widths

I frequently have images on press release pages. The images vary in
width, and usually have a cut-line/caption and are floated right. I
would like to create a style to format the div that and stretch or
shrink to the appropriate width. Is there any way of doing this?
Specifying a div width of zero appears to work, but is it the right way
of doing it?

Thanks,
John

Hi John

You might find that not setting a width or height would be better. The
div will then adjust to its contents.


--
Cheers jojo
Team Macromedia Member Volunteer for Dreamweaver MX
http://www.webade.co.uk
----------------------------------------------------
Extending Knowledge, Daily.
http://www.communityMX.com/
Free 10 day trial
http://www.communitymx.com/joincmx.cfm
----------------------------------------------------

in fact it will fill the available width, floated divs tend to
shrink-wrap the content but i believe this is a grey area of the specs
and some browsers don't. john: setting your width to 0 will mean that in
compliant browsers it is exactly 0 but PC IE will expand to fit the
contents.

joe





jojo wrote:

Hi John

You might find that not setting a width or height would be better. The
div will then adjust to its contents.

.oO(John Elftmann)

I frequently have images on press release pages. The images vary in
width, and usually have a cut-line/caption and are floated right.

I do the same on one of my pages. The images are surrounded by a div-
container, so I'm able to put a caption beneath the image and float the
entire thing around.

I
would like to create a style to format the div that and stretch or
shrink to the appropriate width. Is there any way of doing this?

I use a server-side script for this (PHP). It gets the image size from
the file and applies it as inline-CSS to my image container.

OK, to be more precise, the code is generated from an XML document and
first looks something like this:

<div class="image" style="width: ::width::imagename::">
<img src="..." alt="...">
<p>caption</p>
</div>

The ::width::imagename:: is then replaced by PHP with the width of the
image.

Specifying a div width of zero appears to work, but is it the right way
of doing it?

I don't think so.

Micha

You might find that not setting a width or height would be better. The
div will then adjust to its contents.

Yes, but my photo captions are frequently wider than the photo, thereby
widening the div to the width of the caption or full-screen, rather than
restricting it to the width of the photo.

John

I use a server-side script for this (PHP). It gets the image size from
the file and applies it as inline-CSS to my image container.

OK, to be more precise, the code is generated from an XML document and
first looks something like this:

div class="image" style="width: ::width::imagename::"
img src="..." alt="..."
p>caption</p
/div

The ::width::imagename:: is then replaced by PHP with the width of the
image.

Yeah, I considered this type of solution but was hoping to avoid it. I
may end up going this route.

Thanks,
John