Min Width for a page

[IanTurner]

Is there a way I can set a min width for the page body using CSS?

[grahamstewart]

Depends on the behaviour you are looking for.

You can't stop the user resizing the browser to be too narrow to display your page - but you can (sort of) control at what point the browser stops squashing your page and just starts displaying a horizontal scrollbar instead.

[richardb]

Try

min-width :?px;

Property is not defined in CSS Level 1

Rich

[DrDoc]

Now, the problem is that min-width isn't supported by IE. But, that can be worked around by using a combination of conditional comments and expressions.

For example, take a look at this thread: [webmasterworld.com...]

or, do something like this:

<!--[if IE]>
<style type="text/css">
#mydiv {
width: expression(document.body.clientWidth>725?"100%":"725px");
}
</style>
<![endif]-->

[IanTurner]

grahamstewart, that is exactly the behaviour I want to create. I am looking to prevent the page squashing to far, I am looking to force the horizontal scrollbar into action at a certain width.

[DrDoc]

Well, Ian, if you use min-width for compliant browsers, and conditional comments for IE -- then that's what it will do for you :)

[aevea]

One trick I've used to force the horizontal scroll is a big h1 that stretches across the top of the main-content with: white-space: nowrap.

Adam