I have a strange problem, Firefox 3.6.3 doesn’t show the CSS of the page I’m doing, but Internet Explorer 8 does.
I have tried at home and at one of my friend’s home, and it happens in both. But, if I go to the Firefox Web Developer toolbar (i have it installed) and select CSS=>Edit CSS, then the styles appears appears in the page and in the editor! As soon I close it, they disappears again. I have no idea what the problem is 🙁
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Students</title>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
I’ve validated my two css files with the W3C CSS validator and there are no problems.
Do you have any idea about what could be the problem?
thanks in advance.
I’ll bet a beer that the CSS file is not sending the
content-type: text/cssheader. This causes style sheets to not work in Firefox. IE will ignore the content type.If this is the reason, you should get a warning in the Firefox error console. You can use Firebug’s
nettab to verify the content-type sent.As to why the content type isn’t sent, this would be a server issue I think. It usually happens when the CSS file is a
.phpor.aspfile that doesn’t get assigned the correct content type automatically by the server when delivering.