CSS - simple two columns

Question

I have a fluid page (100% width) with this inside:

[image-fixed-width] | [text-fluid-width -----------------------------------]
                    | -----------------------------------------------------
                    | -----------------------------------------------------

I need the text next to the image not to wrap around it, but to display next to it (like in the illustration), like another column. At the same time, the text needs to span across the entire page width. This would be easy to by setting a margin-left to the text, but the problem is that I don't know the exact width of the image. The image size can vary...

Is there any solution for this?

Answer 1

Try adding overflow: hidden; to your content div. That should force it to stick to your columns.

http://jsfiddle.net/BG7FA/

Edit This will not work in IE6 (go figure)