I have a standard three-column site. Column One is a fixed width nav menu. Column Two has copy. Column Three has an image. I need Columns Two and Three to resize themselves based on how wide the image in Column Three is.
I'm fairly new to CSS and maybe I'm getting in over my head, but I have no idea how to pull this off. Any help would be greatly appreciated!
Um... very interesting. I had a wee play- and came up with this.
I am certain somebody else would have a far better method, but this is the best I can do.
It loads a tiny additional css for each page, to allow for the differing widths of image used. However, I am certain they could be applied ever more efficiently using php to detect the image width and apply the apropriate css- but that is outside my abilities, I am afraid...
This actually works pretty well in my HTML editor, but the columns don't render in IE or Firefox. Thanks for the mockup, though. It gave me a few ideas.