MozillaZine

Site Displays in Chrome and Safari, but not Firefox

Discuss how to use and promote Web standards with the Mozilla Gecko engine.
pennywhistle
 
Posts: 3
Joined: March 29th, 2014, 11:52 am

Post Posted March 29th, 2014, 11:58 am

Hi,

I can't figure out why the site I just uploaded looks good in Safari and Chrome, but not in Firefox. I've tried verifying the code and W3C CSS Validator, but don't see anything there that's causing the problem. It's like the style sheet is being ignored. Here's the site: http://www.susanchi.com/.

Thanks!

trolly
Moderator

User avatar
 
Posts: 39879
Joined: August 22nd, 2005, 7:25 am

Post Posted March 29th, 2014, 12:03 pm

Output from Web Console:
Code: Select all
Selector expected.  Ruleset ignored due to bad selector. style.css:14
Found unclosed string '', sans-serif}'. style.css:14
Error in parsing value for 'background-image'.  Declaration dropped. style.css:254
Error in parsing value for 'background-image'.  Declaration dropped. style.css:255
Error in parsing value for 'background-image'.  Declaration dropped. style.css:256
Expected color but found 'top'.  Error in parsing value for 'background-image'.  Declaration dropped. style.css:257
Error in parsing value for 'background-image'.  Declaration dropped. style.css:283
Error in parsing value for 'background-image'.  Declaration dropped. style.css:284
Error in parsing value for 'background-image'.  Declaration dropped. style.css:285
Expected color but found 'top'.  Error in parsing value for 'background-image'.  Declaration dropped. style.css:286
Error in parsing value for 'background-image'.  Declaration dropped. style.css:298
Error in parsing value for 'background-image'.  Declaration dropped. style.css:299
Error in parsing value for 'background-image'.  Declaration dropped. style.css:300
Expected color but found 'top'.  Error in parsing value for 'background-image'.  Declaration dropped. style.css:301
Unknown property 'hyphens'.  Declaration dropped. style.css:614
Unknown property 'hyphens'.  Declaration dropped. style.css:965
Error in parsing value for 'background-image'.  Declaration dropped. style.css:1237
Error in parsing value for 'background-image'.  Declaration dropped. style.css:1238
Error in parsing value for 'background-image'.  Declaration dropped. style.css:1239
Expected color but found 'top'.  Error in parsing value for 'background-image'.  Declaration dropped. style.css:1240
downloadable font: download not allowed (font-family: "Open Sans" style:normal weight:normal stretch:normal src index:2): content blocked
source: http://themes.googleusercontent.com/static/fonts/opensans/v8/u-WUoqrET9fUeobQW7jkRT8E0i7KZn-EPnyo3HZu7kw.woff css
downloadable font: download not allowed (font-family: "Open Sans" style:normal weight:bold stretch:normal src index:2): content blocked
source: http://themes.googleusercontent.com/static/fonts/opensans/v8/k3k702ZOKiLJc3WVjuplzBa1RVmPjeKy21_GQJaLlJI.woff css
Think for yourself. Otherwise you have to believe what other people tell you.
A society based on individualism is an oxymoron. || Freedom is at first the freedom to starve.
Constitution says: One man, one vote. Supreme court says: One dollar, one vote.

pennywhistle
 
Posts: 3
Joined: March 29th, 2014, 11:52 am

Post Posted March 29th, 2014, 12:10 pm

Would anyone be able to take the time to tell me how to fix these issues?

pennywhistle
 
Posts: 3
Joined: March 29th, 2014, 11:52 am

Post Posted March 29th, 2014, 12:17 pm

I fixed the first unclosed string: Found unclosed string '', sans-serif}'. style.css:14, which helped greatly. But I can't figure out what all the background-image stuff is.

trolly
Moderator

User avatar
 
Posts: 39879
Joined: August 22nd, 2005, 7:25 am

Post Posted March 29th, 2014, 2:47 pm

e.g. background-image: linear-gradient(white 0%, #9FBFD2 100%);
https://developer.mozilla.org/en-US/doc ... r-gradient
Think for yourself. Otherwise you have to believe what other people tell you.
A society based on individualism is an oxymoron. || Freedom is at first the freedom to starve.
Constitution says: One man, one vote. Supreme court says: One dollar, one vote.

Frenzie

User avatar
 
Posts: 2110
Joined: May 5th, 2004, 10:40 am
Location: Belgium

Post Posted March 31st, 2014, 3:35 am

Don't forget to supply a background-color for e.g. older browsers.
Intelligent alien life does exist, otherwise they would have contacted us.

Return to Web Development / Standards Evangelism


Who is online

Users browsing this forum: No registered users and 2 guests