Chrome and IE not recognising dynamic PHP CSS stylesheet

Question

In the head of my html page I have:

<link media="screen" href="tabs.css.php?tabs=374,375,376,377,378,379,381,380" type="text/css" rel="stylesheet">

The CSS is dynamically created based on the tabs parameter.

This works in IE9, but not in Chrome or Firefox. However, when I tried saving the generated CSS as "tabs.css" and pointing Chrome to that, it worked. That doesn't help me much though because I need the style to be dynamically generated.

How can I get Firefox and Chrome to recognise the stylesheet?

Just out of curiosity, why would you want to do this?

Zach Rattner
– Zach Rattner

2013-02-28 05:32:41 +00:00
Commented Feb 28, 2013 at 5:32 — Zach Rattner
– Zach Rattner, Commented Feb 28, 2013 at 5:32

Community · Accepted Answer · 2017-05-23 12:21:31Z

2

I fixed this issue by adding this line to the top (before any output is sent, even a blank line) of my PHP file which generates the stylesheet:

header('Content-type: text/css');

It seems that when the file has a .css extension it is correctly recognised by Firefox and Chrome as CSS, but not when it's got a .php extension. This other answer has some links that might be useful to you if you want to learn more.

edited May 23, 2017 at 12:21

CommunityBot

11 silver badge

answered Feb 28, 2013 at 5:04

Highly Irregular

42k13 gold badges56 silver badges73 bronze badges

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

1 Comment

kuldeep.kamboj Over a year ago

Well Setting correct content type is always be must when you output non-html content from a php file.

Collectives™ on Stack Overflow

Chrome and IE not recognising dynamic PHP CSS stylesheet

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest