I’ve been mucking around with CSS for a few years now, but for some odd reason I’d never come across the term FOUC before a couple months ago when someone e-mailed me about it.
FOUC is basically that flash of white (maybe you’ll see the text too) when loading a CSS-styled webpage. It’s the unstyled content that gets displayed after the browser has downloaded the HTML but before it’s finished downloading/applying the CSS.
I got another e-mail about FOUCs today and I figured I’d share the link I was given to everyone. It’s very informative and worth at least a skim.
The address is http://www.bluerobot.com/web/css/fouc.asp.
Basically the quick fix is to stick a
SCRIPT block somewhere in the
HEAD element of your page.
I’m going to try and duplicate and/or expand on some of the e-mails I get here in the blog since I’d guess for everyone 1 question I get, there’s 10 that have the same question but don’t e-mail me.