If you’re looking at this page in Safari 1.3 and perhaps 2.0, chances are you saw, while the page was loading, a poorly formatted page with black text. Then, something finished loading and the page suddenly fell into place with nice white text and the proper layout.
That’s called the Flash of Unstyled Content (FOUC) and it’s a CSS display glitch. I can’t find any way to stop it.
However, it’s a big Internet with lots of smart people in it. if you have any solutions or ideas to try, please let me know.
“Watch your step as you exit the train, and if you’re late, just remember that life is a lot like being on this train: we may not be there yet, but we’re getting there.”
“According to Golf Digest, from 1996 to 2007, Woods made $769,440,709. Golf Digest predicts that, by 2010, Woods will become the world’s first athlete to pass one billion dollars in earnings.”
I started getting the FOUC in Safari on OmniNerd, the site I design, once we added Google ads. Not sure why that would cause it (or if that's actually the cause), but I did notice that you have Google ads too.
Note: Many sites blame @import, but when I first added the ads and got the FOUC, I was using the old-school link tag.
Anyway, the Safari developers just fixed this problem in their latest builds. The fix will make it to the public eventually (hopefully soon).
Posted by Bill W. at 7:58 am on Aug. 31, 2006
A site I'm developing has started having a FOUC, and I believe it's because I'm generating CSS with PHP (caching would probably help with this problem, but I didn't feel like dealing with that).
My solution, which may be in use elsewhere but I haven't seen it discussed, is...
In your CSS file:
body { visibility: visible !important; }
In your HTML:
<body style="visibility: hidden;">
This way, the CSS overrides your body's invisibility the moment the rendering has parsed your CSS.
You can scroll right easily by holding down the SHIFT key and using your scroll wheel. (Firefox users trying this will end up jumping to old Web pages until a) Firefox releases a fix, b) they change their settings like so.)
