You could use jQuery on document load to hide the footer or other offending region for a few seconds while scripts and CSS files have time to fully load.
Example of jQuery .hide .slide & .fadeIn effects:
Went to the link and looked at the code and you have:
I am correct that this is where the fade code would be?
Without the @import url(twt_mobile.css); that I tried in #3 above - how did you get the css to not go to another source?
Thanks for your help,
If you don't have it already, this goes inside your <head> tags:
This function goes above references to CSS and other scripts in your page.
//delay, fadeIn rate in milliseconds. Use higher values for slower transitions//
Obviously, you'll need to change #header to an applicable ID in your own pages. For example, if you want to hide your #footer ID, use that instead of #header. If you want to hide a class, use .footer.
I put the code in the <head> before any css and still get the FOUC.
Tried about 3 more things and still get that blasted FOUC.
Sooo...I started a new page/site from the template again and have added both the css and footer text/images and am not getting the FOUC - working backwards so I'll post when I find the problem.
Sorry the JS didn't work. I'm starting to think that @media queries and @font-face rules are simply causing some browsers/devices to puke.
So I re-formated the site so there are individual page files instead of pages within the same file - this seemed to fix the problem with no FOUC script needed
Glad to hear you sorted this out.