Dear cssBeautyers After dropping table layouts (for good, I hope) nearly two years ago I'm stuck a design I can't seem to recreate with pure CSS. I know many of you are MUCH better then me when it comes to CSS so I thought I'd pitch this challenge to you guys.
I need a 2 column layout with a static column on the left of undefined width and a fluid layout on the right taking the rest of the window's space (with room for a margin, but this can be easily implimented so don't bother). I know most of you are thinking it's simply a matter of applying float:left; to the static div, but it's not that easy. I can't have the right column go 'under' the left column if it turns out to be bigger, but I can't set the height of the left column to a large value because it'll create a nasty scroll bar.
I was racking my brains over this for a couple of hours yesterday and I eventually decided to just go with a table layout in the interim. Here's how I did it with 4 lines of code