[pcpro17]

Hello. Does anyone have any ideas as to why FireFox and Netscape will not render the CSS on my website (www.correctnesscommentary.com)? FireFox will render the CSS, if I open the editor pane in the developer toolbar. Any suggestions are appreciated. Thanks.

[Big-K]

well, i notice you didn't close your keywords or description meta tags.

[pcpro17]

I thought meta (<meta>) tags didn't need to be closed (</meta>). Is this something FireFox and Netscape are particular about?

[Big-K]

it might be, i don't see any other problems, myself.

[brendandonhu]

Sounds like a content type problem. Try creating a file called .htaccess in that folder, with this in it:

AddType text/css .css

[pcpro17]

Hello Brendan. I added the line to my .htaccess file. However, I won't have a chance to look at the site with FireFox or Netscape until later this evening. If you have a chance, I would really appreciate it, if you could let me know if either of those browsers is now rendering the CSS. Thanks.

[pcpro17]

Nevermind. That line blew away the PHP scripting capability I have setup. Here is my current .htaccess file:

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

# END WordPress

Options -Indexes
RewriteEngine On
RewriteCond %{HTTP_REFERER} !^http://(.+\.)?correctnesscommentary\.com/ [NC]
RewriteCond %{HTTP_REFERER} !^$
RewriteRule .*\.(jpe?g|gif|bmp|png)$ - [F]
AddType application/x-httpd-php .css [NC]

Where/How do you suggest that I add the line of code that you suggested? Thanks.

[brendandonhu]

Ah, it looks like you're running PHP in your CSS file. Try adding this to the beginning of the CSS file:

PHP Code:

<?php header('Content-Type: text/css'); ?>

[pcpro17]

Thanks, but what does the header function do? Is it part of the standard PHP library?

[brendandonhu]

Yes, you can find it in the manual: http://php.net/header

[MMJ]

Originally Posted by pcpro17

I thought meta (<meta>) tags didn't need to be closed (</meta>). Is this something FireFox and Netscape are particular about?

close it like this.

<meta />

similar to

<br />
<input />
<img />

These tags are self closing.

[brendandonhu]

It already has that.

[MMJ]

Originally Posted by brendandonhu

It already has that.

Originally Posted by pcpro17

I thought meta (<meta>) tags didn't need to be closed (</meta>).

Every tag needs to be closed.

I realize that he had them closed but was explaining to him.

[Shadow2531]

Originally Posted by pcpro17

Thanks, but what does the header function do? Is it part of the standard PHP library?

In the code Brendan gave you, it tells the server to send style.css as a css file (text/css). Currently, style.css is being sent as text/html (an html file), which causes Firefox to ignore it.

A .css extension on the server does not necessarily mean a css file. What mime type it's sent with determines the type of file it is.

You definitely need to fix this as future versions of IE and Opera for example may start to ignore the style sheet like Firefox.

[pcpro17]

Thanks, Shadow. I think it is fixed now. I'll be sure to confirm this when I get home tonight and can test it from the browsers in question.