Debbie Campbell wrote: > I'm not sure what to call this problem... When you narrow the width of the > browser window far enough, the right-side div breaks and shows up below the > two left columns (green and blue) in IE 6. Doesn't happen in FF. > > http://www.parallaxwebdesign.com/projects/parallax_r2/ > > ... code snippets removed > > What is this problem called, if it has a specific name? And what can I do > about it? Thanks >
It's called a column drop. The simple cause is too much content for the width available. Something has to give, so a column drops. Now, the problem with posting code snippets is that they rarely show where the problem really is. In fact, in this case, there is no problem. The reason it works in FF is because of a min-width:550px on the <body> element, and that 550 px is enough to prevent the column drop. The reason it fails in IE is because no current version of IE respects min-width. So, once the window is squeezed too far, IE drops the column. Comment out the min-width, and FF will drop the column too. There are a few work arounds noted in the WIKI: http://css-discuss.incutio.com/?page=MinWidth -- Bob Easton Accessibility Matters: http://access-matters.com ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
