Generated css code not loading

Question

I am using php to generate the css files on the fly. But there is a weird outcome. When the page loads, CSS is not applied to any of the elements, though I can view the css code with Chrome developer tools and it looks all correct. And even weirder is that when I edit the code in developer tools panel (like adding a single no-effect white-space), suddenly the css takes effect! I tried clearing cache, no use. Do you have any idea what's wrong?

If it matters:
I am using symfony2.
CSS codes are on a separate file.

Post some code to show what you're doing. Try to reduce it to the minimum you need to demonstrate the problem. — Barmar
– Barmar, Commented Jun 13, 2013 at 3:05

Mimo · Accepted Answer · 2013-06-13 03:09:53Z

2

I can suggest few things: first: have you wrapped the css styles in the <style></style> tag pair? If the generated css is in a file, are you linking it correctly like:

<link rel="stylesheet" type="text/css" href="yourpage.php">

Adding the charset can help you solving the issue: just add it at the very top of your file.

@charset "UTF-8";

this is useful if your style sheet has not only ASCII chars, so make the browser able to read the file correctly. You can read about this in here: http://www.w3.org/International/questions/qa-css-charset.en.php#atcharset and http://www.w3.org/TR/CSS2/syndata.html#charset

edited Jun 13, 2013 at 3:09

answered Jun 13, 2013 at 2:41

Mimo

6,0957 gold badges38 silver badges46 bronze badges

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

4 Comments

Untitled Over a year ago

It is in a separate file. And the link tag looks fine.

Mimo Over a year ago

have you tried validating the css? Maybe an inverted comma, a quotation mark or missing semi-colon can break the css

Mimo Over a year ago

is the link to the css in the header? Have you tried specifying the @charset "UTF-8"; at the beginning of your file?

Untitled Over a year ago

No, wait sorry. It wasn't the @charset thing that fixed the problem. It was the MIME type I set on the response headers.

Untitled · Accepted Answer · 2013-06-13 03:25:46Z

0

Ok guys. Thank you all. The problem was not the CSS itself. I had not set the content type header to text/css, so I think it defaulted to text/html. Setting the right header fixed the issue.

answered Jun 13, 2013 at 3:25

Untitled

7901 gold badge7 silver badges24 bronze badges

Collectives™ on Stack Overflow

Generated css code not loading

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related