Hide a div in lower resolutions

[simonuk]

Hi folks, I have a strange one..

My question is: Is there a way of having a right hand content div that won't show a scroll bar or drop down the page in lower resolutions and will work on at least ie6, netscape6 and above? The div needs to be out of view and un-scrollable/un-reachable in low resolutions but visible on higher ones.

My clients wants more white space filled in 1900+ resolutions but in 800x the page is already so crammed with graphics it won't go any smaller.I can't even fit a 1% width div next to it.

I thought this was simple but maybe I'm just too tired to think straight?

Simon.

[alfaguru]

Put it inside a div that's overflow:hidden?

[Setek]

I think there's a better solution for that :)

Have you ever heard of "resolution dependent layout"?

You can googlerise that one, "The Man in Blue" should have top hit :)

He wrote a javascript that changes different stylesheets based on the resolution a browser viewport is at. So for instance, a four-column grid that works nicely on a 1024 * 768++ resolution can change to a four-row grid, which we can all agree works better on an 800 * 600-- resolution :)