Luc wrote: > http://www.dzinelabs.com/sandbox/New_site_layout/percentagebug.html
You're attacking the wrong IE6 bugs - this has nothing whatsoever to do with the "percentage bug". Thus, all fixes are misplaced. It is the "automatic box-expansion caused by too wide content" you're dealing with, and it's affecting #header, #leftcol, #maincontainer and #rightcol in your layout. 1: #header contains an image that is 200px too wider than min-width even on normal font-size. Consequently IE6 expands header to contain that image regardless of actual page-width. The trick is to pull in both side-margins on the image so it appears to be narrower but still has /some/ width left. This will keep the image centered, and allow it to overflow #header also in IE6 without causing #header to expand. IE6, and all other browsers for that matter, now thinks the image is only 400px wide, and center it on windows that are wider than that. 2: Especially #leftcol has too wide content, and when #leftcol is affected by box-expansion all the other columns get pushed to the right. By hiding the overflow on all 3 columns in IE6 only, no expansion takes place even if the content becomes too wide. Then, by declaring 'position: relative' on all content-elements in all 3 columns, the overflowing part of the content stays visible but takes up no space. The result is that IE6 treats overflowing content same as IE7, which is wrong but appears right in most cases. 3: The little shift of columns when you hovered over nav in IE6, is best fixed by isolating nav from the columns in the markup, in IE6 only. IE6 reacts best - most consistent - on a <br /> styled to take up no space, placed in a conditional comment. All these fixes are included, and commented, in this copy of your page... <http://www.gunlaug.no/tos/alien/luc/test_09_0509.html> ...and all fixes for imaginary IE6 bugs are removed. regards Georg -- http://www.gunlaug.no ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
