Matt Ryan wrote: > Hi. Another first post... Welcome.
> [...] When I place elements inside the floated divs that make up the > layout columns and give those elements padding or borders the layout > starts falling apart -- but only at smaller window widths. > > http://ryan-apps.carleton.edu/test/ie_otl_issues.php It's the old 'auto-expanding' bug in IE6. IE6 doesn't respect given dimensions, so when those containers no longer have room for div.foo with paddings and all, those containers won't become any narrower. That's when IE starts dropping floats all over the place. This will happen for all float-based layouts. Solution, add... * html #content, * html #related, * html #navigation {overflow-x: hidden;} * html .foo {position: relative;} ...where the first part makes IE6 respect dimensions by hiding the overflow, and the second part makes the overflowing parts of .foo visible again. The whole "fix" is making use of a set of genuine IE6 bugs, thus must be hidden from other browsers that may react badly on parts of it. This will make the columns overlap on narrow windows - like in Firefox, but the layout won't fall apart. regards Georg -- http://www.gunlaug.no ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
