In your stylesheet. IN you outer container (whatever it is), put in:
min-width:800px;
max-width:1200px;
This will not work for IE, though. You have to add a conditional comment for IE, and place this inside:
width:expression(((document.compatMode &&
document.compatMode=='CSS1Compat') ?
document.documentElement.clientWidth :
document.body.clientWidth)
> 1218 ? "1200px" : (((document.compatMode &&
document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth :
document.body.clientWidth) < 1024 ? "800px" : "95%"));
That’ll do ya.
doodlebee you are a genius!
Thanks for saving my blog (vikingprincess.net – currently under constuction)
IE6 was driving me crazy… Nothing was looking the same as in FF/Moz/Opera. I haven’t been a programmer for years and had forgotten how crazy MS software can be to work with. I haven’t done CSS (or even really HTML) before, so I am learning as I go along…It doesn’t help that IE is doing its own thing – I keep thinking it’s me making mistakes.
For the record: I tried 3 other suggested IE ‘hacks’ from elsewhere on the web. Yours was the only really good one for creating a dynamic (e.g. completely resizable) 3 column theme.
Thanks again! x
JO
