467,161 Members | 1,112 Online
Bytes | Developer Community
Ask Question

Home New Posts Topics Members FAQ

Post your question to a community of 467,161 developers. It's quick & easy.

My CSS built homepage doesn't render immediately and shows the doc flow for a minute

Hello again,

The website (home page) I built for a friend takes just a moment to load (for the CSS to 'render'), however before it does, the viewer can see the page as if there were no CSS at all (as if one turned off the CSS). I don't like this! I'd rather the viewer see nothing (until the page loads which is pretty quick). Any suggestions. I've tried to create lean, clean code (and I love CSS). Linda Jimerson

The site I am referring to above is www. lindamaguirehomes.com
Apr 8 '07 #1
  • viewed: 1329
Share:
5 Replies
drhowarddrfine
Expert 4TB
Am I correct that those with the problem are on dialup? The images are all loaded before the CSS is downloaded.

Another question, are you seeing this in IE only?

.iirc, since you are importing the css rather than linking, everything else gets loaded first. Try using <link> for you css and see if that cures it.

This sounds like "Flash of Unstyled Content (FOUC)".
Apr 8 '07 #2
KevinADC
Expert 2GB
Yea, change this:

Expand|Select|Wrap|Line Numbers
  1. <style type="text/css">
  2. <!--
  3. @import url("lmstyles.css");
  4. -->
  5. </style>
  6.  
to:

Expand|Select|Wrap|Line Numbers
  1. <LINK REL=STYLESHEET TYPE="text/css" HREF="lmstyles.css">
Apr 8 '07 #3
Thank you - linking the css fixed the problem. I appreciate your help. Linda J

Am I correct that those with the problem are on dialup? The images are all loaded before the CSS is downloaded.

Another question, are you seeing this in IE only?

.iirc, since you are importing the css rather than linking, everything else gets loaded first. Try using <link> for you css and see if that cures it.

This sounds like "Flash of Unstyled Content (FOUC)".
Apr 10 '07 #4
Thank you - linking my css fixed the problem. I appreciate the help. linda j

Yea, change this:

Expand|Select|Wrap|Line Numbers
  1. <style type="text/css">
  2. <!--
  3. @import url("lmstyles.css");
  4. -->
  5. </style>
  6.  
to:

Expand|Select|Wrap|Line Numbers
  1. <LINK REL=STYLESHEET TYPE="text/css" HREF="lmstyles.css">
Apr 10 '07 #5
pravinda
hi Linda Maguire, i gone through your site i think you have link missing in w3c xhtm l and w3c css validation that will help you in SEO too.
Apr 11 '07 #6

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

4 posts views Thread by Rex_chaos | last post: by
44 posts views Thread by Mariusz Jedrzejewski | last post: by
10 posts views Thread by Peter Pfannenschmid | last post: by
149 posts views Thread by Christopher Benson-Manica | last post: by
1 post views Thread by Macneed | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.