CSS column widths - fixed until squished

Getting CSS column design to behave like tables

[sljck]

I have been implementing purely CSS design on a couple of sites, similar to that shown on www.glish.com/css.

Basically, I have set up one fixed width column and one variable width column on this site: www.jonathan.hurst.name/development/workshop/

However, what I really want instead of a variable width column is a column that is fixed until you squish it by reducing the width of the browser. In other words, as the browser gets wider, the column gets wider to a point, and then stops.

Does anyone know how to do this with CSS?

[AWildman]

You could do a min-width/max-width on the variable width column. I don't think its really well supported though.

[DrDoc]

max-width is what you want.

However, it's not supported by IE. But, there are workarounds for that :)