Page appears without CSS formatting for an instant on first loadThe first time you view a webpage formatted using CSS you may notice that the page initially loads without the correct design/style, then an instant later displays the correctly formatted content. It only happens on the first load as the page is then caches. This problem is especially prevalent in IE, though we believe we have seen it in other browsers as well. Blue Robot has labelled this issue as a "Flash of Unstyled Content" or FOUC for short. If you run a FOUC-affected site, the Blue Robot website provides excellent details on the cause of the issue (CSS2 @import rule) and a few resolutions, which essentially amount to placing a single LINK or SCRIPT element (even an empty one) within the page's HEAD tags. Example solution: Author: ASAK Created: Oct 29 2005 Categories: CSS TechByte #70 Warning: By visiting this site and/or by using any information contained herein, you agree to the Techbytes.ca terms of use. Add a comment about this TechByteIf you wish to add a comment regarding this TechByte, please use the form below. Please note that by submitting comments using this form you are allowing all of the information submitted to be visible on this website. Any comments submitted using this form will only be shown on the website if they are approved by the administrators of this site. IF APPROVED, COMMENTS MAY TAKE SEVERAL DAYS TO BE POSTED. Other TechBytes: |
|
 |
 |