By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
437,676 Members | 1,763 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 437,676 IT Pros & Developers. It's quick & easy.

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

P: 13
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
Share this Question
Share on Google+
5 Replies


drhowarddrfine
Expert 5K+
P: 7,435
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 2.5K+
P: 4,059
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

P: 13
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

P: 13
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
P: 23
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.