Re: [css-d] [IE6/Win] Strange rendering issue -- possible peekaboo bug
D. D. Brierton wrote: I hope it isn't too much to ask if you might have some idea of what was going on I don't know. It would be interesting to hunt down the red bleeding I described. I expect the float next to relatively positioned element inside a non-layot container as the culprit, but you never know until you've done the reduction. It doesn't pay well, because the next bug of IE is just one thread away. Ingo -- http://www.satzansatz.de/css.html __ 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/
Re: [css-d] [IE6/Win] Strange rendering issue -- possible peekaboo bug
D. D. Brierton wrote: http://about.82ask.com/ The problem is to do with the border around the main page content (#page in the markup, which technically has a background image, not a border, but visually it looks like a border). In IE6/Win sometimes part of the border (and only part) is not rendered. The /italic bug/... http://www.positioniseverything.net/explorer/italicbug-ie.html ...gets triggered by the blockquotes in that page, and I think that's part of your problem. regards Georg -- http://www.gunlaug.no __ 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/
Re: [css-d] [IE6/Win] Strange rendering issue -- possible peekaboo bug
On Tue, 2006-07-18 at 15:52 +0200, Gunlaug Sørtun wrote: The /italic bug/... http://www.positioniseverything.net/explorer/italicbug-ie.html ...gets triggered by the blockquotes in that page, and I think that's part of your problem. Thanks Georg! Unfortunately that doesn't solve the problem I originally posted about but it *does* solve another problem that was pointed out to me in a personal email. On the home page, and only the home page, setting the font-size to largest made the sidebar drop below the main content (which is floated left). I couldn't work out why this was happening until you pointed me at the italic bug. So thank you again. Sadly I'm still seeing this weird border thing. I think I'll post a follow-up with a screenshot to make things clearer. Best, Darren -- = D. D. Brierton[EMAIL PROTECTED] www.dzr-web.com Trying is the first step towards failure (Homer Simpson) = __ 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/
Re: [css-d] [IE6/Win] Strange rendering issue -- possible peekaboo bug
Just to clarify, I've posted a screenshot here: http://www.dzr-web.com/Screenshot.png Best, Darren -- = D. D. Brierton[EMAIL PROTECTED] www.dzr-web.com Trying is the first step towards failure (Homer Simpson) = __ 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/
Re: [css-d] [IE6/Win] Strange rendering issue -- possible peekaboo bug
On Tue, 2006-07-18 at 15:24 +0100, D. D. Brierton wrote: Just to clarify, I've posted a screenshot here: http://www.dzr-web.com/Screenshot.png And yet more info: I've realised that the height of the view-port seems to be a factor. When I reboot into Windows XP my screen resolution is 1600x1200 and I often have browser window almost the full available height. In those circumstances the bug occurs on every page without exception. When I'm using VMware the screen of the virtual machine is smaller than my actual screen. Again with the browser window at full height I see the problem intermittently. If I resize the browser to a smaller height the problem doesn't seem to occur at all. The element in question, #page, has a background image with repeat-y, and it is as if IE gets puffed out after repeating it a certain number of times and then just gives up. Does that sound familiar to anyone? Would a workaround be to make the image bigger (height-wise)? It's 40px in height at the moment. Best, Darren -- = D. D. Brierton[EMAIL PROTECTED] www.dzr-web.com Trying is the first step towards failure (Homer Simpson) = __ 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/
Re: [css-d] [IE6/Win] Strange rendering issue -- possible peekaboo bug
D. D. Brierton wrote: On Tue, 2006-07-18 at 15:24 +0100, D. D. Brierton wrote: Just to clarify, I've posted a screenshot here: http://www.dzr-web.com/Screenshot.png And yet more info: I've realised that the height of the view-port seems to be a factor...] The element in question, #page, has a background image with repeat-y, and it is as if IE gets puffed out after repeating it a certain number of times and then just gives up. Does that sound familiar to anyone? Would a workaround be to make the image bigger (height-wise)? It's 40px in height at the moment. Best, Darren re: http://about.82ask.com/ When I wrote off-list, I only saw the float drop on the home page. Now, I only see it on the 'management team' page. There is no image spit at text-size medium here(x ie6.0).However, it /does/ split at text-size 'largest' on every page. Reload increases the height of the split. I'm at 1280-- dragging the window smaller makes no difference in the height of the split. Reloading increases;. and, just sitting on the page causes the height of the split to increase. There is a split(just above the images) in Firefox/1.5.0.4, but I suspect that is to be expected at +3zoom. I regret I can offer no solution. Regards, ~dL -- http://chelseacreekstudio.com/ca/ccs/pow/pow.html __ 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/
Re: [css-d] [IE6/Win] Strange rendering issue --possible peekaboo bug
D. D. Brierton wrote: On Tue, 2006-07-18 at 15:24 +0100, D. D. Brierton wrote: Just to clarify, I've posted a screenshot here: http://www.dzr-web.com/Screenshot.png And yet more info: I've realised that the height of the view-port seems to be a factor. When I reboot into Windows XP my screen resolution is 1600x1200 and I often have browser window almost the full available height. In those circumstances the bug occurs on every page without exception. When I'm using VMware the screen of the virtual machine is smaller than my actual screen. Again with the browser window at full height I see the problem intermittently. If I resize the browser to a smaller height the problem doesn't seem to occur at all. The element in question, #page, has a background image with repeat-y, and it is as if IE gets puffed out after repeating it a certain number of times and then just gives up. Does that sound familiar to anyone? Would a workaround be to make the image bigger (height-wise)? It's 40px in height at the moment. Best, Darren As a first stop prefer a URL to see if your page validates. Screen shots don't tell the story. Mike A. __ 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/
Re: [css-d] [IE6/Win] Strange rendering issue --possible peekaboo bug
On Tue, 2006-07-18 at 16:42 +0100, Mike A wrote: As a first stop prefer a URL to see if your page validates. Screen shots don't tell the story. The URL was in my original post: http://about.82ask.com/ Best, Darren -- = D. D. Brierton[EMAIL PROTECTED] www.dzr-web.com Trying is the first step towards failure (Homer Simpson) = __ 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/
Re: [css-d] [IE6/Win] Strange rendering issue -- possible peekaboo bug
On Tue, 2006-07-18 at 11:14 -0400, David Laakso wrote: re: http://about.82ask.com/ When I wrote off-list, I only saw the float drop on the home page. Now, I only see it on the 'management team' page. Thanks David. I've fixed that too now (on my local copy -- changes are checked into subversion and will get rolled out onto the server later today). There is no image spit at text-size medium here(x ie6.0).However, it /does/ split at text-size 'largest' on every page. Reload increases the height of the split. I'm at 1280-- dragging the window smaller makes no difference in the height of the split. Reloading increases;. and, just sitting on the page causes the height of the split to increase. It certainly is an odd problem. There is a split(just above the images) in Firefox/1.5.0.4, but I suspect that is to be expected at +3zoom. Yes, at that magnification the whole thing will start looking weird. The perils of a fixed width design (not my choice). I regret I can offer no solution. Thanks for taking a look anyway. Best, Darren -- = D. D. Brierton[EMAIL PROTECTED] www.dzr-web.com Trying is the first step towards failure (Homer Simpson) = __ 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/
Re: [css-d] [IE6/Win] Strange rendering issue -- possible peekaboo bug
D. D. Brierton wrote: ... http://about.82ask.com/ ... (The pages use conditional comments instead of hacks to give IE different CSS property values to workaround its issues.) The problem is to do with the border around the main page content (#page in the markup, which technically has a background image, not a border, but visually it looks like a border). In IE6/Win sometimes part of the border (and only part) is not rendered. I still see a float drop, due to the italics. You should format them as normal for a moment, otherwise we can't be sure what is interfering. I can reproduce the gaps in the background border in IE6 while shrinking and maximizing the window. Giving #header a red background shows that the background is bleeding into the next block, which is of course not correct. So #header needs desperately layout, since it has to carry floats and positioned elements. Add zoom:1 for a test if it fixes it. Ingo -- http://www.satzansatz.de/css.html __ 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/
Re: [css-d] [IE6/Win] Strange rendering issue -- possible peekaboo bug
On Tue, 2006-07-18 at 19:12 +0200, Ingo Chao wrote:
D. D. Brierton wrote:
...
http://about.82ask.com/
...
(The pages use conditional comments instead of hacks to give IE
different CSS property values to workaround its issues.)
The problem is to do with the border around the main page content (#page
in the markup, which technically has a background image, not a border,
but visually it looks like a border). In IE6/Win sometimes part of the
border (and only part) is not rendered.
I still see a float drop, due to the italics. You should format them as
normal for a moment, otherwise we can't be sure what is interfering.
The fixes are in subversion and will be making their way on to the
server soon I hope. Sorry for the delay. I appreciate that with that
problem still there it's hard to see what might be causing the other
problem.
Giving #header a red background shows that the background is bleeding
into the next block, which is of course not correct.
Huh. So it is.
So #header needs desperately layout, since it has to carry floats and
positioned elements. Add zoom:1 for a test if it fixes it.
Good tip. It seems, so far (after just a couple of minutes testing), to
have worked. I'll try and get this rolled out onto the server as quick
as possible. I've not used the zoom property before. I added the
following rule to ie_lte6.css:
#header {
zoom : 1 ;
}
I'm guessing that that is what you meant.
Thank you so much for your help. I hope it isn't too much to ask if you
might have some idea of what was going on -- I do know about the
hasLayout property in IE, but I don't understand why the header somehow
was extending into the blocks below it and that that was doing something
weird to the rendering of its container's background. I've done a lot of
CSS work, and seem plenty of weird IE stuff before, but this one was new
to me. Thanks again.
Best, Darren
--
=
D. D. Brierton[EMAIL PROTECTED] www.dzr-web.com
Trying is the first step towards failure (Homer Simpson)
=
__
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/
