Hello all
I've encountered a problem with a website I am working on...when it loads over a 56kb modem, there is a pause of a few seconds where no style is being displayed. I now I am probably being picky but is there a way of preloading the CSS.
I am using the @import style to load the CSS.
Many thanks
RossHey dont know if this will help but try loading the css this way aswell as the @import.
<link rel="stylesheet" type="text/css" href=http://www.webdeveloper.com/forum/archive/index.php/"style.css">
Hope this will helpI considered doing it that way, the reason I'm using the @import rule to hide the style from older browsers (positioning problems etc.)
Mind you I could use the @import in a seperate style sheet (I may have just answered my own problem there!!)
Cheers for the response though!http://www.bluerobot.com/web/css/fouc.aspThat's the site I was looking for! I knew I'd read about it somewhere before!
Cheers allNP
So guys am i correct in thinking that my method would of worked becuase i was unsure.The <link rel="stylesheet" type="text/css" href=http://www.webdeveloper.com/forum/archive/index.php/"style.css"> statement will prevent the flash of unstyled content, but older browsers are then able to render the CSS.
The website link above gives some good work arounds.The link method would work if the @import was inside that stylesheet. I think. It's the method I always use so I haven't actually encountered the problem...Thanks for clarifying that dave ive never came across the problem myself either.
Thanks again
I've encountered a problem with a website I am working on...when it loads over a 56kb modem, there is a pause of a few seconds where no style is being displayed. I now I am probably being picky but is there a way of preloading the CSS.
I am using the @import style to load the CSS.
Many thanks
RossHey dont know if this will help but try loading the css this way aswell as the @import.
<link rel="stylesheet" type="text/css" href=http://www.webdeveloper.com/forum/archive/index.php/"style.css">
Hope this will helpI considered doing it that way, the reason I'm using the @import rule to hide the style from older browsers (positioning problems etc.)
Mind you I could use the @import in a seperate style sheet (I may have just answered my own problem there!!)
Cheers for the response though!http://www.bluerobot.com/web/css/fouc.aspThat's the site I was looking for! I knew I'd read about it somewhere before!
Cheers allNP
So guys am i correct in thinking that my method would of worked becuase i was unsure.The <link rel="stylesheet" type="text/css" href=http://www.webdeveloper.com/forum/archive/index.php/"style.css"> statement will prevent the flash of unstyled content, but older browsers are then able to render the CSS.The website link above gives some good work arounds.The link method would work if the @import was inside that stylesheet. I think. It's the method I always use so I haven't actually encountered the problem...Thanks for clarifying that dave ive never came across the problem myself either.
Thanks again