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

Linda Jimerson

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

drhowarddrfine

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

Yea, change this:

to:

Apr 8 '07 #3

Linda Jimerson

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

Linda Jimerson

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