Please fix the Flash of Unstyled Content that occurs in Drupal.
Reference this forum thread in which Dries comments on the subject.
Please fix the Flash of Unstyled Content that occurs in Drupal.
Reference this forum thread in which Dries comments on the subject.
Comments
Comment #1
al commentedNote that this is only for the xtemplate theme. Updating title accordingly.
Comment #2
Eric Scouten commentedThis is easily fixed by using <link type="text/css" rel="stylesheet" href="themes/xtemplate/xtemplate.css" /> instead of <style type="text/css" media="all">
@import url(themes/xtemplate/xtemplate.css);
</style>
I'll submit a patch to that effect.
Comment #3
gábor hojtsyEric, the @import is intended usage, as this way the CSS will not be loaded by crappy old browsers not supporting the features used in the file (Netscape 4 is an example).
Comment #4
Eric Scouten commentedSubmitted patch #151. Need someone with CVS permissions to commit the change.
Comment #5
Eric Scouten commentedPatch #151 has proven to be rather controversial. (See discussion on drupal-devel not posted here.) ;-)
Submitted patch #152 to restore @import semantics for style sheets. Now attempting to fix by using an empty script block instead.
Comment #6
Bèr Kessels commentedAlso @import has a bug in IE 5.
IE5 on win ( a vaast amount of users, unfortunately) ignores the media="" elements. So writing a styelsheet for printers will give very strange visual effects too.
Ber
Comment #7
sandeep-1 commentedAdding this just before the <style> tag works for me...
<!-- to correct the unsightly Flash of Unstyled Content. http://www.bluerobot.com/web/css/fouc.asp -->
<script type="text/javascript"></script>
Comment #8
moshe weitzman commentedComment #9
killes@www.drop.org commentedStill an issue for pushbutton.
Comment #10
Steven commentedThis was fixed in 4.5/CVS for bluemarine and pushbutton.
Comment #11
(not verified) commented