Welcome!

[dnpayne]

Hey all, I have a container div, with 3 floated div's (left, middle, right) within the container div. I want the middle div to size horizontally based on the content. However, when I try (width: 100%) it takes on the parent div size. I have text that will change in the middle div. Some will be long and some short, so I need it to adjust depending on whats displayed.

Anyone know how to accomplish this?

Thanks.

[jarek]

Check this out:

Code: Select all

<div id="container" style="overflow: hidden;">
<div id="left" style="float: left; background-color: #555555; width: 25%; ">left data</div>
<div id="middle" style="float: left; background-color: #f5f5f5;">middle data middle data middle data</div>
<div id="right" style="float: left; background-color: #ff0000; width: 25%;">right data</div>
</div>

If it isn't that what you want please paste here you html and css code.

[Andy]

You could just float two of them (left and right) then make the middle one stretch 100%. Then you account for the floated images by adding margins to the middle one.