Good evening Georg, It was foretold that on 09/05/2009 @ 22:19:15 GMT+0200 (which was 17:19:15 where I live) Georg Sørtun would write:
> You're attacking the wrong IE6 bugs - this has nothing whatsoever to do > with the "percentage bug". Thus, all fixes are misplaced. I see. On one hand i'm glad because it means i don't have to fiddle with expressions :-) I must say, i really was convinced it was that bug ... > 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. So, i'f i understand it correctly it's a mix of the expanding box bug and the nav not being isolated. 2 problems where i thought it was only 1 that caused all... > 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. using negative margins, i understand. > 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. overflow:hidden in combination with a relative position on all 3 columns? Upon reading it, it makes sense to me now! > 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. This was the part that got me confused... that shift really made me think it was that percentage bug and that something in my 'solution' caused the other problems. > 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. Just grabbed it Georg, gonna study on it later... Once again, thank you for the help and the detailed explanation. -- Best regards, Luc _________________________ Using the best e-mail client: The Bat! version 4.1.5 with Windows XP (build 2600), version 5.1 Service Pack 3 and using the best browser: Opera. "If you argue with an idiot, people watching may not be able to tell who's who." ______________________________________________________________________ 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/
