I still don’t think I would use the overflow option; in a non-maximized Firefox window it causes an extra set of both horizontal and vertical scroll bars (using both hidden and auto). Not the desired result.

Regards. David.

BTW – Viewing Andrew’s original in Opera 7.54 I see a similar lack of color.

As to the IE weirdness – I get IE locking up when I view Andrew’s code on his site. I have tried clearing the cache before loading his page again, and find the browser crashes repeatedly, every time I reduce the browser width sufficiently.

Using Windows XP SP2, IE version 6.0.2900.2180.xpsp_sp2_rtm.040803-2158.

IE 5.5 does not crash, but retains the minimum width after narrowing then widening the window. IE 5.01 works fine, but does not center the content (as you’d expect).


#outer {
margin:0 auto;
width:94%;
border:10px solid #fff;
border-width:0 10px;
background:#fff;
overflow:hidden;
}


IE no longer locks up at first, but we no longer have a nice min-width for our columns; you can see the results here. Upon further testing I had something really strange happen that I’ve duplicated on three machines in IE.

I open the original correct code in IE and it works perfectly.

Then I open the page with overflow:hidden and min-width/max-width removed; it also opens without a problem.

I switch back to the original correct code and resize the window (I was testing the min-width/max-width) and IE freezes up again. I have duplicated this on five machines. I suspect if I remove the link to the ie7-standard.js file the freezing would stop.

While it was fun to tweak with the overflow:auto and overflow:hidden, they don’t seem to be IE friendly under all circumstances. The original float clearing method that Andrew recommends seems to be much more reliable in all browsers.