I have a problem with IE8. When the age reloads/refreshes it flashes white. My client is very unhappy and I'm unable to find any kind of answer anywhere. PLEASE can anyone shed any light. Here's a link to a site with the issue: http://www.gingergraphicdesign.com
views:
336answers:
4
+1
A:
Your inline CSS says:
body { margin:0px; background-color:#fff ...
...so that (#fff, e.g., white) is the color that will show up before the other elements show up or the background graphic loads. Pick a color as close in tone and value to the main color of the final loaded version to minimize the apparent flicker. In your case, the majority of the resulting layout is the black-background box, so you want to go with black.
T.J. Crowder
2010-05-27 12:18:26
Thank you-I have done so and what you say is indeed correct though the flicker remains-just goes black instead of white. On my client's site (the Ginger site is just my own old site I'm using to demo the problem) he wants no transitional refresh at all-as though the page has a background colour rather than an image. Your advice however is greatly appreciated. Thanks.
2010-05-28 07:26:56
@martinjbull: If it's refresh, specifically, that you're worried about, you can always update content *without* refreshing the page, by loading context via Ajax and filling in the relevant container.
T.J. Crowder
2010-05-28 08:47:47
+1
A:
Your page background is #FFFFFF (White). It is being displayed for just a split second before the image url("Resources/ggdbggradient.gif") is shown.
Change your background color to something darker that matches and you'll be fine.
JohnFly
2010-05-27 12:20:24
Thank you-I have done so and what you say is indeed correct though the flicker remains-just goes black instead of white. On my client's site (the Ginger site is just my own old site I'm using to demo the problem) he wants no transitional refresh at all-as though the page has a background colour rather than an image. Your advice however is greatly appreciated. Thanks.
2010-05-28 07:54:14
A:
Another way of reducing flicker between page transitions in IE is the fajax technique described here.
It gives a short transition effect though regardless of the next page visited so might not be suitable but just thought I'd throw it in as a possibility.
<META http-equiv="Page-Enter" content="blendTrans(Duration=0.1)">
<META http-equiv="Page-Exit" content="blendTrans(Duration=0.1)">
Martin Smith
2010-05-27 12:24:16