14

I've been trying to set up a static website on Amazon S3. I've got things set up to use my personal domain, and so far I've been able to access the content just fine. All the links work, both for pages in the "root" directory and pages in subfolders, so it seems that S3 can follow the paths I'm using.

The problem is that none of the CSS stylings is being applied to the pages (it works fine on the development server on my local machine). I've tried using relative and absolute paths, but this doesn't seem to be the problem. I can see the content just as it should be, and I can navigate the site normally, but there's just no styling.

I've tried messing with permissions on the folders, but I'm clearly not getting something right. Am I missing something obvious? Surely S3 can use individual stylesheets?

Thanks in advance for any thoughts.

Improve this question

2 Answers 2

Reset to default
21

The reason is, amazon S3 sets the content-type of css files to binary/octet-stream, follow this tutorial to solve this issue.

Improve this answer
Sign up to request clarification or add additional context in comments.

6 Comments

Wow, spot on. That was my problem, and the tutorial worked like a charm (I happen to own Transmit, so I'm all set). Thanks a lot.
The link is dead, but essentially s3cmd put -m "text/css" $YOUR_PATH s3://$BUCKET/$YOUR PATH
The following Gist helps out for a number of MIME types: github.com/swoodford/aws/blob/master/… (Linux/Mac)
guys, im getting the same problem. my JS works fine, but my CSS not ):
@user1158559 s3cmd put -m "text/css" ```$YOUR_PATH``` s3://$BUCKET/$YOUR PATH which path is this? $YOUR_PATH
|
4

You need to select your css file and then from the Properties tab click on Metadata. This is to assign optional metadata to the object as a name-value pair. The Content-Type key must have the Value text/css

enter image description here

Improve this answer

Comments

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.