-
1. Re: how do I get rid of the white flash before my site loads?
Repair your code errors.
Right now you have a <div> tag before your <html> you can't do that (along with 31 other errors, some caused by that improper placement) and it could be causing a display issue in whatever browser shows the flash (I didn't see it here in Firefox).
Run your page through the validator at http://validator.w3.org
-
2. Re: how do I get rid of the white flash before my site loads?
The dreaded Flash of Unstyled Content (FOUC) in Safari is caused by Safari's parallel loading of CSS & JavaScript. Firefox and other browsers load CSS & JavaScript in series rather than parallel.
One solution (if you can call it that), is to hide the body tag initially with your primary style sheet, then load the body with your last style sheet.
First CSS file = body {display:none}
Last CSS file = body {display:block}
Jon Aquino's Mental Garden: Workaround for the Safari FOUC bug
Nancy O.
-
3. Re: how do I get rid of the white flash before my site loads?
I agree with Jon's assessment. Fix your code first -- especially the <script> inside an embedded <style> tag. That stuff doesn't belong in your embedded CSS.
If that doesn't fix the FOUC problem, go to my plan B.
Nancy O.
-
4. Re: how do I get rid of the white flash before my site loads?
Jon,
Your suggestion worked. There was a Div before the HTML. Thanks a giga.
I am wondering how that code got in there though because I didn't put it in there.
Thanks also Nancy.
Best, P.
-
5. Re: how do I get rid of the white flash before my site loads?
Probably just an errant copy/paste or drag and drop.
Make sure to fix the rest of the issues too. What may work right in one browser version on one platform may not work in another. All browsers are programmed to handle code errors, some are better than others and it varies by version and platform.