Processing
 

CSS not working in Chrome

25/07/2013 20:05#1

Phorden

Member

Joined at: 7 months ago

Post: 3

Thank: 0

Thanked: 0

The CSS is not loading for this page of the website I am working on: http://www.thesanfordcenter.net/sanford-center. It happens only in Chrome, but is not a caching issue as the same problem is happening in Chrome on another computer and I have cleared all browsing and cache history in my browser.

It does seem to be working correctly in FF and IE. The sub pages on this site, which use a different template seem to be working fine.

I am not sure what it is that is causing this. Any help would be appreciated.

25/07/2013 20:11Top#2

lwitzel

Member

Joined at: 7 months ago

Post: 1

Thank: 0

Thanked: 0

Comparing css links between the page you referenced and sub-pages, you have a "media" attribute in your link:

Problem:

<link href="/stylesheets/css_Sanford.css" rel="stylesheet" type="text/css" media="only screen and (min-device-width: 481px" /> 

Working:

<link href="/stylesheets/css_Sanford.css" rel="stylesheet" type="text/css" /> 

Try removing the "media" attribute and it should work fine.

More specifically, it does not appear that "only" is a valid operating for the media attribute. See this W3Schools page for details.

25/07/2013 20:08Top#3

Joined at: 9 months ago

Post: 4

Thank: 0

Thanked: 0

25/07/2013 20:09Top#4

Ryhnn

Member

Joined at: 7 months ago

Post: 1

Thank: 0

Thanked: 0

Are you certain the path is correct? The developer tools in Chrome show the following error.

Failed to load resource: the server responded with a status of 404 (ERROR: The file requested could not be found.) http://www.thesanfordcenter.net/CircularContentCarousel/css/demo.css

25/07/2013 20:13Top#5

Joined at: 7 months ago

Post: 1

Thank: 0

Thanked: 0

Check your source where you are calling your code. The 'stylesheets' folder is coded as 'StyleSheets'. Possibly the case-sensitive is messing it up.

I'm thinking maybe since the expstickybar.css file is rendering correctly and it references the 'stylesheets' folder

25/07/2013 20:12Top#6

Joined at: 7 months ago

Post: 1

Thank: 0

Thanked: 0

The problem could be caused because the browser can't load files:

Failed to load resource: the server responded with a status of 404 (Not Found) error in server

30/12/2015 10:34Top#7

Shyam

Member

Joined at: 10 months ago

Post: 15

Thank: 0

Thanked: 0

In Google Chrome

>> goto settings >> search for cache >> clear browsing data >> check cached images and files (the past hour / day) >> clear browsing data 

and goto your webpage and press "Ctrl + r"

Hope this solves your issue Cheers.

14/06/2016 04:53Top#8

Bluez

Member

Joined at: 7 months ago

Post: 1

Thank: 0

Thanked: 0

Make sure that your CSS and HTM/HTML files use the same encoding !

If your HTM/HTML files are encoded as UNICODE, your stylesheet has to be as well.

IE and Edge are not fussy : stylesheets are rendered regardless of the encodings. But Chrome is totally intolerant of unmatched encodings.

I tried every solution/suggestion i could find all over the Internet before i noticed, in my text editor, that i was using different encodings. Once I saved the stylesheets with the same encoding used for the web pages, the problem disappeared.

Similar articles

Chrome, THREE.js: Cross-origin image load denied

5 years ago - Reply: 5 - Views: 267

Prevent Google Chrome Log XMLHttpRequest

3 years ago - Reply: 5 - Views: 276

How can I include ChromeDriver in a JAR?

3 years ago - Reply: 3 - Views: 80

Chrome geolocation not working on any site

3 years ago - Reply: 1 - Views: 43

wrong borders' width in android browser

3 years ago - Reply: 4 - Views: 205

Uncaught SyntaxError: Unexpected token < On Chrome

3 years ago - Reply: 10 - Views: 462

Flashdata not getting cleared in Codeigniter

3 years ago - Reply: 5 - Views: 57

Illegal access Javascript error in Chrome

3 years ago - Reply: 1 - Views: 51

ng-repeat not updating in Chrome

3 years ago - Reply: 1 - Views: 81

Applying border to a checkbox in Chrome

4 years ago - Reply: 2 - Views: 118

open browser plugin using access vba

3 years ago - Reply: 1 - Views: 25

vé máy bay vé máy bay giá rẻ ve may bay ve may bay gia re vé máy bay vé máy bay giá rẻ ve may bay ve may bay gia re vé máy bay vé máy bay giá rẻ ve may bay ve may bay gia re vé máy bay vé máy bay giá rẻ ve may bay ve may bay gia re vé máy bay vé máy bay giá rẻ ve may bay ve may bay gia re vé máy bay vé máy bay giá rẻ ve may bay ve may bay gia re vé máy bay vé máy bay giá rẻ ve may bay ve may bay gia re