-
1. Re: how do I get rid of the white flash before my site loads?
Jon Fritz II Dec 8, 2014 2:41 PM (in response to attaching html to css)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?
Nancy O. Dec 8, 2014 2:45 PM (in response to attaching html to css)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?
Nancy O. Dec 8, 2014 2:52 PM (in response to Jon Fritz II)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?
attaching html to css Dec 8, 2014 3:32 PM (in response to Jon Fritz II)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?
Jon Fritz II Dec 9, 2014 6:08 AM (in response to attaching html to css)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.


