I've noticed on some sites, that when you resize the browser window, the divs resize with it (percentage widths). But at a certain point, the divs no longer resize and are fixed and a horizontal scroll bar appears.

How is this achieved?

At the moment, I try using percentages, but can resize the browser without a scoll bar appearing for an unlimited time (about 20px width).

Have one element that is an absolute fixed width (px)

They are probably using the "max-width" property along with the plain "width" property. The problem with using "max-width" is that IE6 doesn't get it.

here is an example page
http://www.digg.com

Is that what they're doing?

html {
min-width: 945px;
} /*IE7*/

Thanks, now for IE6. Digg seems to have a min-width in IE6 as well, yet min-width doesn't work in IE6??

IE6 doesn't support min or max width or height. It treats all fixed widths as 'min-width' - which is incorrect.

The only way to get a min/max width effect in IE6 is javascript.

I used this:

body { 
border-right:900px solid #fff; 
} 

div#header { 
margin-right: -900px; 
} 

div#content { 
float:left; 
position:relative; 
margin-right:-900px; 
}

Bad way to go about things, but its IE6, fight fire with fire.. Unless there's an easier solution.