Forcing Minimum width

[breitman]

I am relatively new to CSS and have put together the beginnings of a template

I am finding that as I shrink the window horizontally (smaller left to right) items start overlapping...is there a way to set a minimum width such that this will not happen? Also I seem to be off on the height because there is a scroll bar (on right) with no content in the content area...

All help would be appreciated... Need site to go live in 5 days...

[edited by: SuzyUK at 11:40 am (utc) on Jan. 23, 2006]
[edit reason] sorry no URLs : see TOS #13 [WebmasterWorld.com] [/edit]

[Robin_reala]

Yep, use the CSS min-width declaration. Of course, this doesn't work in IE, which is a bit annoying. Usually I just give everyone else the benefit of the min-width and leave IE users to their own devices - are people going to be resizing the page down that small anyway?

[breitman]

is there a hack to make ie work? also does the min-width attribute need to be applied to header and footer or just one place?

[xfinx]

No there is no hack..
I tried this:
width: expression(document.body.clientWidth < 500? "500px": "auto");

But the IE dies if you scale your browser =)

[tedster]

Check out this thread:
[webmasterworld.com...]

Also, a simple hack for min-width is to place a 500x1 spacer gif in the element.

[SweetLou]

Stu Nicholls has some interesting min-width, css only that works in IE. look at his site [cssplay.co.uk...]
He also has a detailed tutorial at [webreference.com...]