CSS doesn't load correctly on initial load in DNN

[TheSeoGuy]

I am experiencing a very odd css loading problem in a site we are developing using DotNetNuke. Upon the initial load of the site, the layout doesn’t look correct due to styles not properly being applied. However, if I do a (soft) refresh – (F5) or navigate to any other page, the styles are properly applied and the site displays correctly. Then, if I do a (hard) refresh – (CTRL+F5), the page does not display correctly…

Has anyone had experience with this issue? Any help would be greatly appreciated.

Thanks

[RobW]

Just to say that we have *exactly* the same problem with one of our intranet sites here. Except we aren't using DotNetNuke.

I'm baffled by the problem so I'm looking fior any advice on this one too.

Thanks

[appi2]

Could be the 'Peekaboo bug' or haslayout problems.
Browsers/code would help ;)

[TheSeoGuy]

Hi appi2,

I am experiencing this initial load issue in Firefox. IE seems to be working fine.

There is nothing special about the code... Just basic style references.

<link href="/path-to-css-file.css" rel="stylesheet" type="text/css" />

Thanks.

[appi2]

Well it's been reported a few times about this type of bug with FF, but never any solutions (that I've seen). Incorrect floats+display, html, css etc.

Try running the css and html through the validator, make sure your using a correct doctype.
Is the server sending "text/html", instead of "text/css" and so on.

[TheSeoGuy]

Thanks for the feedback appi2. Your doctype suggestion was right on...

We were able to correct our problem by changing the doctype to XHTML 1.0 Transitional.

Thanks again for all the tips and suggestions!