By Alaska on

The concern is that 4.5.2 CSS utilizes the "import" rule (@import url) function. In IE6 the rule causes a momentary flash of unstyled page content. The solution is to use "link" (link rel="stylesheet") in includes > theme.inc in place of import to solve the flash of unstyled page content.

Does anyone know which way CSS is being done in the new Drupal version?

Jim

Comments

Steven’s picture

Steven commented

There are many fixes to the flash of unstyled content. The core themes all use an empty script tag for example and should not suffer from this issue. If you are seeing a FOUC, you need to alter the theme you're using.

--
If you have a problem, please search before posting a question.

Alaska’s picture

Alaska commented

The PHP template theme Kubrick does not have the CSS FOUC fix in its source code, unless I missed it. Generally <sscript type="text"/javascript"> </script> takes care of the issue. (note an extra "S" has been placed in front of the word "script" to allow for posting)

I went about it in a different way and actually changed out the import rule in includes > theme.inc from import to link. Of course, just adding the above code to the theme would be a simpler solution. (did notice that in 4.6 that import is being used)

My overall issue is that FOUC would not show up in IE6 unless the site was placed in a sub domain. Seems that the server is taking longer to process that request than one made from a non sub domain Drupal installation. So far the web host has no explanation.

Evan had to remove the header image from CSS background as it was taking too long to download (in the sub domain) and create it as an img tag.

Thanks for the response.

Jim