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.
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 >
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.)
