Travis Smith: my resume, bio and photos back to the main blog page
Tracker Pixel for Entry

Safari FOUC (Flash of Unstyled Content)

posted at 1:02 am
on Aug. 15, 2005

Comments: 7 so far

Permalink

 

Previous entry:
Big Day Out

Next entry:
Refinding My Voice

If you’re looking at this page in Safari 1.3 and perhaps 2.0, chances are you saw, while the page was loading, a poorly formatted page with black text.  Then, something finished loading and the page suddenly fell into place with nice white text and the proper layout.

That’s called the Flash of Unstyled Content (FOUC) and it’s a CSS display glitch.  I can’t find any way to stop it.

However, it’s a big Internet with lots of smart people in it.  if you have any solutions or ideas to try, please let me know.



 
 

Keywords:  •   • 

 

Previous entry:
Big Day Out

Next entry:
Refinding My Voice

Overheard

“The sad truth is that most evil is done by people who never make up their minds to be good or evil.”

...who said it?

“Almost every American I know does trade large portions of his life for entertainment, hour by weeknight hour, binge by Saturday binge, Facebook check by Facebook check. I’m one of them. In the course of writing this I’ve watched all 13 episodes of House of Cards and who knows how many more West Wing episodes, and I’ve spent any number of blurred hours falling down internet rabbit holes. All instead of reading, or writing, or working, or spending real time with people I love.”

...who said it?

“Live a good life. If there are gods and they are just, then they will not care how devout you have been, but will welcome you based on the virtues you have lived by. If there are gods, but unjust, then you should not want to worship them. If there are no gods, then you will be gone, but will have lived a noble life that will live on in the memories of your loved ones.”

...who said it?

“I play with variables constantly.”

...who said it?

“Only the person who has learned Continual Love coming from a heart of Gratitude/Worship can effectively deal with the problem of loneliness.”

...who said it?

Comments

 

 

 

 

 

http://www.bluerobot.com/web/css/fouc.asp

 

Posted by Brad Chmielewski
  at 7:40 am on Nov. 6, 2005

 

 

 

I started getting the FOUC in Safari on OmniNerd, the site I design, once we added Google ads. Not sure why that would cause it (or if that's actually the cause), but I did notice that you have Google ads too.

Note: Many sites blame @import, but when I first added the ads and got the FOUC, I was using the old-school link tag.

 

Posted by Mark A. McBride
  at 3:00 pm on Nov. 9, 2005

 

 

 

I have found a hack around this, I have the solution posted on my blog:

http://oe.sevenlight.com/entry/2006/04/19/Fix_to_Safari's_FOUC_AdSense_bug

 

Posted by Percy
  at 10:52 am on Apr. 19, 2006

 

 

 

this is a terrible layout

 

Posted by tom
  at 8:58 pm on May. 20, 2006

 

 

 

Yeah, this is a terrible layout.

Anyway, the Safari developers just fixed this problem in their latest builds. The fix will make it to the public eventually (hopefully soon).

 

Posted by Bill W.
  at 8:58 am on Aug. 31, 2006

 

 

 

A site I'm developing has started having a FOUC, and I believe it's because I'm generating CSS with PHP (caching would probably help with this problem, but I didn't feel like dealing with that).

My solution, which may be in use elsewhere but I haven't seen it discussed, is...

In your CSS file:
body { visibility: visible !important; }

In your HTML:
<body hidden;">

This way, the CSS overrides your body's invisibility the moment the rendering has parsed your CSS.

 

Posted by Trevor
  at 11:02 pm on Oct. 14, 2006

 

 

 

I think I've found a simple workaround: first CSS file just hides the body; last CSS file just shows the body. More info at http://jonaquino.blogspot.com/2007/02/workaround-for-safari-fouc-bug.html

 

Posted by Jonathan Aquino
  at 11:42 pm on Feb. 24, 2007

Add a Comment

 

 

Name:


Email: (optional)


URL: (optional)


Submit the word you see below:


 

 

 

Your comment:


Remember my personal info


Email me about follow-ups


 

Syndication Links


Click here for the main
XML feed for this blog.



Column only



Side links only



Quotes only

 

I'm Listening To

see more at Last.fm

MetaBlogs

AboutBlogs

Clients

Humor

Journalism

Los Angeles

Mac

News

Personal 1

Personal 2

Photos

Politics

Other A-F

Other G-Q

Other R-Z

SocialNetworking

Tech 1

Tech 2

Travel

Vancouver 1

Vancouver 2

Vancouver 3

Vancouver 4

BizBlogs

Back to Main

 

Powered by
Expression Engine

 

Copyright 1995 - 2019 Oct 21

 

 

You can scroll right easily by holding down the SHIFT key and using your scroll wheel. (Firefox users trying this will end up jumping to old Web pages until a) Firefox releases a fix, b) they change their settings like so.)