Re: [css-d] IE6 border color change on refresh
Ingo Chao wrote: Looks like as if the bug is triggered by a li with a background-image, layout, and dotted or dashed border. Depending on the vertical starting point of the ul, different parts of the page content is mirrored into the space between the dots of the border. Again and again and again, I am amazed at the depth of IE's bug suite. Holly and I have seen image repeats connected to border issues before, but not like this. We discovered that when such border bugs are occuring, there are sometimes 150px tall zones that stack down the page, and these zones partially affect the border bugs. I would not be suprised to see this 150px height show up somewhere in the current bug as well. Big John -- Perennial student + Impractical joker + CSS junkie = Big John http://www.positioniseverything.net __ Yahoo! Mail - PC Magazine Editors' Choice 2005 http://mail.yahoo.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE6 border color change on refresh
Big John wrote: Ingo Chao wrote: Looks like as if the bug is triggered by a li with a background-image, layout, and dotted or dashed border. Depending on the vertical starting point of the ul, different parts of the page content is mirrored into the space between the dots of the border. Again and again and again, I am amazed at the depth of IE's bug suite. Holly and I have seen image repeats connected to border issues before, but not like this. We discovered that when such border bugs are occuring, there are sometimes 150px tall zones that stack down the page, and these zones partially affect the border bugs. I would not be suprised to see this 150px height show up somewhere in the current bug as well. Big John Thanks John :) I noticed that 150px value accidentally by searching for a better vertical offset for the first bordered li and used margin-top: 150px; in my test case. With this offset, the mirrored image between the dots starts with the first line of the photo. (And a border-bottom-width of 150px for the li would show the entire zone and more fun while scrolling.) This value seems to be resolution-independent. Maybe that could be a hint why different parts of Kara's images showed up in the first test case and why removing some li with borders in Kara's original page did trigger the bug to appear. Ingo -- http://www.satzansatz.de/css.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE6 border color change on refresh
If someone could try to reproduce the bug online and/or locally, it would be appreciated. Steps to reproduce the mirror effect locally: - open a new instance of IE6 in WinXP SP2 - unpin the empty window to allow for vertically resizing - refresh the window F5 - load the bug page - drag the bottom edge of the window (not the bottom right corner) slowly upwards New Bug page: http://www.satzansatz.de/cssd/bizarre/bizarreborderbug.html Screenshot: http://www.satzansatz.de/cssd/bizarre/bordermirror.png Looks like as if the bug is triggered by a li with a background-image, layout, and dotted or dashed border. Depending on the vertical starting point of the ul, different parts of the page content is mirrored into the space between the dots of the border. At my end at least, removing the width from the li seems to be a workaround/patch. Ingo -- http://www.satzansatz.de/css.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE6 border color change on refresh
On Oct 31, 2005, at 9:04 AM, Ingo Chao wrote: At my end at least, removing the width from the li seems to be a workaround/patch. Wow, yes. Removing the width from the li seems to have cleared it up online. Thank you so much! I will try to reproduce it and let you know what happens. Thanks again! Kara __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE6 border color change on refresh
Bruno Fassino wrote: ... http://www.satzansatz.de/cssd/bizarre/bizarreborderbug.html Locally reproducible, deterministic (even without the need to start with a fresh window.) An horizontal resize of the page fixes the problem, and it does not reappear until the page is reloaded (at least here.) Nice effect :) Bruno Bruno, Kara and Flii, thank you for checking :) Could be that IE's broken list construction together with the layout-depending background origin induces this effect. Anyway. Maybe we better should avoid layout on li, not only for list marker reasons. The question is if that choice is given. Thanks again. Ingo -- http://www.satzansatz.de/css.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE6 border color change on refresh
From: Bruno Fassino [EMAIL PROTECTED] http://www.satzansatz.de/cssd/bizarre/bizarreborderbug.html Locally reproducible, deterministic (even without the need to start with a fresh window.) An horizontal resize of the page fixes the problem, and it does not reappear until the page is reloaded (at least here.) Nice effect :) Even nicer effect on Opera :-) Al Sparber PVII http://www.projectseven.com Designing with CSS is sometimes like barreling down a crumbling mountain road at 90 miles per hour secure in the knowledge that repairs are scheduled for next Tuesday. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE6 border color change on refresh
Hi Big John, On Oct 29, 2005, at 12:06 AM, Big John wrote: http://coawfl.appriver.com/press-room.asp IE's way of dealing with lists can be incredibly bizarre, but I bet that giving the links the same width as the LI's might solve the problem, altho it also might cause changes in spacing. Thanks for looking at this. Adding width to the links didn't change the spacing, but it didn't seem to fix the problem - I'm still seeing the weird borders on refresh. Any other thoughts as to why this might be happening or how it could be fixed? Thanks! Kara __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE6 border color change on refresh
Kara Taylor wrote: Hi Big John, On Oct 29, 2005, at 12:06 AM, Big John wrote: http://coawfl.appriver.com/press-room.asp IE's way of dealing with lists can be incredibly bizarre, but I bet that giving the links the same width as the LI's might solve the problem, altho it also might cause changes in spacing. Thanks for looking at this. Adding width to the links didn't change the spacing, but it didn't seem to fix the problem - I'm still seeing the weird borders on refresh. Any other thoughts as to why this might be happening or how it could be fixed? Kara, I somewhat managed to reproduce the problem locally (after refreshing the cache a couple of times, reloading, refreshing ... and opening several instances of IE6). The problem is that we cannot identify a trigger locally that might cause the bug after several refreshes only. The good news is that the color of the 2px dotted border is not changing, so you could safely ignore this !important on the border color. The bad news is that the problem affects the space between the border dots. I have changed the colors of the logo.gif and the colors and widths in the CSS for contrast (gray dots, black background). Screenshot: http://www.satzansatz.de/cssd/bizarre/kara5.png In line 1 and 3 there are colored pixel filling the space between the gray dots. Note that these are parts of different transparent gifs you are using on the page. In the first line, there are some green spots, and the third line there are parts of the logo.gif (to the left) and from the headline.gif (to the right). How bizarre. Here, I have used a couple of lines this way to simulate a screen: http://www.satzansatz.de/cssd/bizarre/bizarrebug.html Screenshot: http://www.satzansatz.de/cssd/bizarre/bizarre.png (http://www.satzansatz.de/cssd/bizarre/bizarre.jpg) A list entry with a dotted border-bottom and a transparent background-gif and padding-bottom seems to be all what is needed to mirror the video memory between the dots? Is this a variant of the creeping text bug [1]? Strange one. Ingo -- http://www.satzansatz.de/css.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
