Re: [css-d] RH column flickers in IE/Win (repost)
- Original Message - From: francky [EMAIL PROTECTED] To: 2geedesign [EMAIL PROTECTED] Cc: ~davidLaakso ; [EMAIL PROTECTED] [EMAIL PROTECTED]; css-d@lists.css-discuss.org Sent: Monday, March 13, 2006 5:41 AM Subject: Re: [css-d] RH column flickers in IE/Win (repost) 2geedesign wrote: In IE6/Win the right hand column flickers as you navigate around the site. [...] I can't remove the background-position ... [...] I've tried out your suggestion but it doesn't make any difference... [...] I've set the settings option as you suggested but the problem still exists... [...] Other people are suggesting it's a factor of IE that cannot be resolved, so I guess I am going to have to live with it. Hi 2geedesign, Defeated by IE6? - Don't give them the triumph! Try to do some Kung-Fu: non-compliant behaviour punishing with non-compliant behaviour. See this testpages without flashing IE http://home.tiscali.nl/developerscorner/css-discuss/test-ab-glazing-a.htm. Explication over there: easy made IE-only 1-liner. This MS built IE flash killer is valid html, is valid css. No hacks, no scripts. :-) francky Hi Francky I have, thanks to you, triumphed over IE6!! Your solution works brilliantly - not a flicker to be seen. Many, many thanks for taking the time to investigate and to provide such a clear, easy to understand solution. Cheers Ian __ 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] RH column flickers in IE/Win (repost)
David
Thanks for your suggestion. I'll try this out. I use the min/max width for
the other browsers that do support so as to limit the widths the page will
go to.
BTW I'm not sure I understand your aside comments - top post or drop my uri?
Please could you explain this for me. I don't want to cause problems for
other people.
Thanks
Ian
- Original Message -
From: ~davidLaakso [EMAIL PROTECTED]
To: 2geedesign [EMAIL PROTECTED]
Cc: Design Groups [EMAIL PROTECTED];
css-d@lists.css-discuss.org
Sent: Saturday, March 11, 2006 8:38 PM
Subject: Re: [css-d] RH column flickers in IE/Win (repost)
2geedesign wrote:
Hi Shelly
Thanks for your response but I can't remove the background-position
since
the design is based upon using faux columns and so is needed to
accurately
position the background image.
Cheers
Ian
Ian,
Probably a flaky suggestion, but try shorthand and delete the min/max
width(not ie supported, unless you are feeding a fix I'm not seeing):
#wrapper {
min-width: 750px;
max-width: 1200px;
background-image: url(../images/fauxcolumns.jpg);
background-repeat: repeat-y;
background-position: 75% 0em;}
Becomes:
#wrapper {
width: 750px;
background: url(../images/fauxcolumns.jpg) 75% 0 repeat-y;}/*adjust
position*/
I am on linux and unable to test ie.
aside: Please don't top post or drop your uri-- makes it hard to follow a
logical thread; and people get tired of having to hunt their mail for your
uri:
Website address is http://www.abglazing.co.uk/
CSS is http://www.abglazing.co.uk/stylesheets/main-style.css
Regards,
~davidLaakso
__
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] RH column flickers in IE/Win (repost)
Hi David
I've tried out your suggestion but it doesn't make any difference to the
flickering problem. Thanks anyway.
Cheers
Ian
- Original Message -
From: ~davidLaakso [EMAIL PROTECTED]
To: 2geedesign [EMAIL PROTECTED]
Cc: Design Groups [EMAIL PROTECTED];
css-d@lists.css-discuss.org
Sent: Saturday, March 11, 2006 8:38 PM
Subject: Re: [css-d] RH column flickers in IE/Win (repost)
2geedesign wrote:
Hi Shelly
Thanks for your response but I can't remove the background-position
since
the design is based upon using faux columns and so is needed to
accurately
position the background image.
Cheers
Ian
Ian,
Probably a flaky suggestion, but try shorthand and delete the min/max
width(not ie supported, unless you are feeding a fix I'm not seeing):
#wrapper {
min-width: 750px;
max-width: 1200px;
background-image: url(../images/fauxcolumns.jpg);
background-repeat: repeat-y;
background-position: 75% 0em;}
Becomes:
#wrapper {
width: 750px;
background: url(../images/fauxcolumns.jpg) 75% 0 repeat-y;}/*adjust
position*/
I am on linux and unable to test ie.
aside: Please don't top post or drop your uri-- makes it hard to follow a
logical thread; and people get tired of having to hunt their mail for your
uri:
Website address is http://www.abglazing.co.uk/
CSS is http://www.abglazing.co.uk/stylesheets/main-style.css
Regards,
~davidLaakso
__
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] RH column flickers in IE/Win (repost)
2geedesign wrote: In IE6/Win the right hand column flickers as you navigate around the site. [...] I can't remove the background-position ... [...] I've tried out your suggestion but it doesn't make any difference... [...] I've set the settings option as you suggested but the problem still exists... [...] Other people are suggesting it's a factor of IE that cannot be resolved, so I guess I am going to have to live with it. Hi 2geedesign, Defeated by IE6? - Don't give them the triumph! Try to do some Kung-Fu: non-compliant behaviour punishing with non-compliant behaviour. See this testpages without flashing IE http://home.tiscali.nl/developerscorner/css-discuss/test-ab-glazing-a.htm. Explication over there: easy made IE-only 1-liner. This MS built IE flash killer is valid html, is valid css. No hacks, no scripts. :-) francky __ 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] RH column flickers in IE/Win (repost)
On Sat, 11 Mar 2006 17:54:43 +0100, 2geedesign [EMAIL PROTECTED] wrote: Hi Website address is http://www.abglazing.co.uk/ CSS is http://www.abglazing.co.uk/stylesheets/main-style.css I have designed a liquid two column layout with the navbar contained in the RH column. In IE6/Win the right hand column flickers as you navigate around the site. This doesn't happen in FF or Netscape. If anyone has come across this before and can offer a solution it would be very much appreciated. I don't think there is a lot you can do about this as it is part of the way IE refreshes the screen - it seems to blank the screen first and then draw the new page so any pages with non-white backgrounds appear to flash. Charlie __ 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] RH column flickers in IE/Win (repost)
Something I have found - and I don't know why this is - but if you remove the background-position from your #wrapper div in your stylesheet, the flicker will stop. For some reason - even if your page is set to reload every visit, in IE, if you have the background position set, it'll make the flicker - but if that line is not in your styelsheet, then the flicker goes away. Like I said, I don't know *why* it does that, but it works (I have to keep this in mind when I do CSS-based rollovers for navigation - if ever I put in that background-position thing, then the nav links flicker like crazy when moving around there - but I remove that line and all is well!) I've never had it happen to an entire page background before, but I would imagine it's the same issue I had with my rollover links. HTH ~Shelly __ 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] RH column flickers in IE/Win (repost)
Hi Shelly Thanks for your response but I can't remove the background-position since the design is based upon using faux columns and so is needed to accurately position the background image. Cheers Ian - Original Message - From: Design Groups [EMAIL PROTECTED] To: css-d@lists.css-discuss.org Sent: Saturday, March 11, 2006 7:52 PM Subject: Re: [css-d] RH column flickers in IE/Win (repost) Something I have found - and I don't know why this is - but if you remove the background-position from your #wrapper div in your stylesheet, the flicker will stop. For some reason - even if your page is set to reload every visit, in IE, if you have the background position set, it'll make the flicker - but if that line is not in your styelsheet, then the flicker goes away. Like I said, I don't know *why* it does that, but it works (I have to keep this in mind when I do CSS-based rollovers for navigation - if ever I put in that background-position thing, then the nav links flicker like crazy when moving around there - but I remove that line and all is well!) I've never had it happen to an entire page background before, but I would imagine it's the same issue I had with my rollover links. HTH ~Shelly __ 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/ __ 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/
