CSS help

Spectral Swallow

So I've gone through the w3 schools website and I've played with dreamweaver and notepad and I have no clue how to get this to work.



Basically I want it so that however wide the image is, the box expands to that width and the variable width makes up the rest. I can make it work with tables (by making the first cell 1px and the table automatically formats to make it the same width as the image), but for some reason the css is kicking my butt.
Any help is greatly appreciated.

Infidel

Try something like this? Inline CSS to illustrate.

<div id="container" style="width: 90%;">
  <div id="leftbody" style="width: 80%;">
    <div id="imagecol" style="float: left;"><img /></div>
    <div id="content" style="float: left;"></div>
  </div>
  <div id="rightbody" style="width: 20%;"></div>
</div>

Spectral Swallow

That still give me the problem I've been having where it stacks the 'cells' instead of placing them to the left and right of each other.



I swear I've tried just about everything at this point.

SeñorAmor

What about this?

Scroll down to "How To Create A Variable-Width Three Column Layout".

Infidel

Spectral Swallow wrote: »

That still give me the problem I've been having where it stacks the 'cells' instead of placing them to the left and right of each other.



I swear I've tried just about everything at this point.

Woops, sorry, leftbody and rightbody should both have float: left; as well (a standard two-column type thing).