CODEWITHSUNDEEP
csssafaristylesheetcross-site
MKUltra
MKUltra

Reputation: 83

Safari will not load css file from external server

One of the sites I am developing is loading an external stylesheet:

@import url(http://www.othersite.com/stylesheet.css);

This works in every single browser properly, except for Safari. Safari does not even try to load it. What am I doing wrong?

Upvotes: 1

Views: 4446

Answers (2)

Grimace of Despair
Grimace of Despair

Reputation: 3506

Could it have to do with this old bug: http://www.thinkoomph.com/thinking/2011-04/odd-css-bug-in-webkit-and-safari-4/ ?

The solution is simple. My @import directive was surrounded by other CSS instructions. Whereas IE tolerates this, the actual W3C spec declares that @import directives should appear before any other CSS instructions, and Firefox honors this restriction. Thus, my @import directive was being ignored. I moved it to the top of the file and everything started working.

and

At most one @charset rule may appear in an external style sheet — it must not appear in an embedded style sheet — and it must appear at the very start of the document, not preceded by any characters.

Upvotes: 1

MKUltra
MKUltra

Reputation: 83

<link rel="stylesheet" type="text/css" href="http://www.othersite.com/stylesheet.css" />

I stumbled upon the solution while reading an article that details the pros and cons of using @import vs. tag. I tried using a tag instead of @import, and for whatever reason this solved my issue. Safari will now load the stylesheet. If anyone has any insight into why this works please comment :)

Upvotes: 1

Related Questions