Basically I am creating a simple 3 column CSS layout using DIV tags. I have the following DIVs: #container #leftcol #center #rightcol #leftcol, #center and #rightcol need to have a default height of 800px. However if the content in #center increases its height to more than 800px then #leftcol and #rightcol need to auto-increase too. Looks simple and I have tried doing this in the simplest way possible but it's just not happening! I would ideally prefer not to use min-height but I have tried min-height on all 3 DIVs and that doesn't seem to work. Any assistance would be highly appreciated.
Min-height only works in certain browsers (notably, the good ones) which leaves IE in the dust. You could try the minimum-height hack and see if that works for you.
Cheers steelfrog. For something that *should* be relatively simple I cannot justify using any 'hacks'! Anyway I have got it displaying how I would like it; unfortunately I had to resort to 'min-height', which works in IE7 & FF but not IE6 - but I believe specifying the "height" property takes care of IE6!