[SOLVED] FOUC in FF3?

My site is getting a FOUC (Flash of Unstyled Content) using FF3, but *only* on a page with a Jot call. In IE6, this doesn’t appear.

See here:
http://awubasdn.websites.xs4all.nl/modx/, doesn’t have the Jot call on there, no FOUC.
http://awubasdn.websites.xs4all.nl/modx/leerlingen/groep1-2a, does have Jot call, shows FOUC, mostly on the entire document, sometimes after that also on the menu (flyout from Wayfinder examples).

I’ve used this layout as a basis for this site.

Any hints? I know I’ve never seen this before in FF.

I saw FOUC in FF3 a little while ago also, and it confused the bejesus outta me (that’s supposed to be an IE problem!). I made some changes in the CSS stylesheet and it was resolved, but I never investigated properly to figure out why it happens. I would suggest that you add your Jot styles to your main stylesheet instead of loading it separately and see if that fixes it.

Quote from: ZAP at Oct 07, 2008, 03:19 PM

I saw FOUC in FF3 a little while ago also, and it confused the bejesus outta me (that’s supposed to be an IE problem!). I made some changes in the CSS stylesheet and it was resolved, but I never investigated properly to figure out why it happens. I would suggest that you add your Jot styles to your main stylesheet instead of loading it separately and see if that fixes it.

Thanks, that fixed it! I also moved the flyout.css into my main css file, as I was still seeing an occasional FOUC on the menu.

Thanks again!

Hm. Oddly enough, I’ve been getting this on my "MODx From the Inside" articles since I installed FF3, but it is intermittent and so brief that I’ve been overlooking it. Now that you mention it, though, it shouldn’t be doing it at all. It’s a very simple template, no extra css files or javascript or anything...