Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Chrome not loading Stylesheet

Seems like Google Chrome is not displaying my site according to the stylesheet.

When the page first load, it loads fine...but then it changes to raw html format towards the end of the page load.

It ends up looking like this (you can see web address at the top bar):

[click for full size]

enter image description here

I have 2 style sheets, one is an "alternative" that a user can switch between by clicking the Light/Dark buttons at top right of the site.

Why is this happening? I never had a problem before.

My specs: Mac OS X with Google Chrome 14.0.835.186

like image 998
GreatestSwordsman Avatar asked Oct 02 '11 23:10

GreatestSwordsman


Video Answer


4 Answers

Do you have HTTPS everywhere + Adblock installed? If so, I've found that clicking through google search results will often produce this behavior when the main site has no, or limited https support.

I notice the same behavior, with those extensions, when I search for and click through an XKCD comic, for example.

Temporarily disabling https everywhere, or re-entering the URL without https seems to fix it for me.

like image 139
Mittenchops Avatar answered Oct 04 '22 17:10

Mittenchops


Maybe a caching problem on your side. Can you try "Shift+Ctrl+R"?

like image 34
Jhourlad Estrella Avatar answered Oct 04 '22 15:10

Jhourlad Estrella


I tried this on OS X with the same Chrome version as you and everything is rendered correctly for the dark and light versions. It could be a caching problem for you. Hold down the shift key while you reload the page. This will force the browser to get all of the resources and ignore the cached versions.

like image 30
John Keyes Avatar answered Oct 04 '22 16:10

John Keyes


Had this same issue, spent hours going around in circles wondering "What the hell have I done!", I tried many of the suggestions from this site and many others but the thing that worked for me and I felt kind of stupid afterwards for not trying it was to disable ad-blocker for chrome, followed by a shift+f5 and problem solved.

like image 24
sean Avatar answered Oct 04 '22 17:10

sean