Forum Moderators: not2easy

Message Too Old, No Replies

CSS not loading on web page

Any ideas on what couldbe going wrong?

         

BeeDeeDubbleU

3:52 pm on Aug 29, 2018 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



This is not a CSS design problem per se but I am trying to view a website and it is broken. It looks as though the CSS is not loading. I am using a Windows 10 PC and I have tried four different browsers all of which yield the same (broken) result.

I am fairly sure that there is nothing wrong with the actual website as it displays OK on my laptop. Other people have tried it and it's OK for them. Basically it looks like there is something on my PC that is stopping the CSS from loading on this particular website. Does anyone have any idea what could be causing this?

tangor

3:54 pm on Aug 29, 2018 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Do you have anything like NoScript loaded that might prevent a third party location css from loading? Have you inspected the property to see what the source code actually says?

What browser?

BeeDeeDubbleU

4:09 pm on Aug 29, 2018 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



I don't think I have anything like NoScript loaded. I have used Firefox, Edge, IE and Opera. None of them work.

Viewing the source I can see the stylesheets the site is looking for but when I try to link to them directly through the URL all I see is a single pixel.

robzilla

4:24 pm on Aug 29, 2018 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Open the Network tab of your browser's Developer Tools, disable the cache, and reload the page. Find the CSS file and see what happens to it.

mack

4:41 pm on Aug 29, 2018 (gmt 0)

WebmasterWorld Administrator 10+ Year Member Top Contributors Of The Month



This is a very rough guess, but did your site have any form of redirects in place? I had to download some files to edit a few weeks back and I also (accidentally) downloaded a copy of the .htacess file it was hidden by default in the folder I was working for so my CSS wasn't being displayed because the link was forcing https (no local cert installed). It also caused all sorts of image display errors. Hope this gives you some ideas.

Mack.

lucy24

5:44 pm on Aug 29, 2018 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Is this your own site or someone else's? The wording of the post leaves it ambiguous.

Assuming it's a site of yours: Look at your access logs. Are the CSS requests met with a 403 response, or with a 200 response followed by a number that you know is much smaller than it ought to be? The reference to “a single pixel” does make it sound as if something is getting rewritten.

It reminds me of a situation I had some time back, where images on one site wouldn't display on mobile devices. After much tearing of hair and going blind poring over htaccess, I established that a rule intended to prevent certain types of hotlinking or caching (it was a while ago, and details aren't important) had picked up an unintended ! (negation) --or possibly had lost an intended ! --causing it to deploy in exactly the opposite manner to what was intended.

:: pause to mop brow in recollection ::

Look closely at all coded rewrites. Look closely at anything which cites your own IP. Look closely at anything that specifies a User-Agent, in case you've accidentally matched something that wasn't meant to be matched. (When MSIE first reached 10, I'm sure I am not the only person who inadvertently blocked a lot of visitors because of a rule that said "MSIE [1-5]" without closing anchor.)

tangor

6:04 pm on Aug 29, 2018 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Try viewing with styles turned off. If you can get the site, then ... (depending on browser) look through your privacy and security sections to see if any part of the web site has been denied by an exception.

Is this after a recent win10 update?

BeeDeeDubbleU

9:32 pm on Aug 29, 2018 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



"Is this your own site or someone else's? The wording of the post leaves it ambiguous."

Someone else's.

tangor

11:55 pm on Aug 29, 2018 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Whose site should make no difference as OP has said other systems can see it, but this specific system he is using can't. That's the exploration.

JS_Harris

9:24 pm on Sep 19, 2018 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Typical wordpress sites mostly load a stylesheet from Google now, as well as 3-4 others, do you have remote stuff or perhaps G itself blocked somehow? Do you see squares full of gibberish as you visit websites where there would normally be dropdown boxes or icons and such(remote fonts) ?

I think uBlock Origin for firefox blocks googleapis by default on many of the downloadable packages.

Temporarily change themes, still happening ?

BeeDeeDubbleU

10:12 am on Sep 20, 2018 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



I am away from home for ten days and on my laptop. Thanks, I'll have a look at this when I get back.