CSS problems with Firefox

[Slapping Penguins]

Part of my site, http://slappingpenguins.com/Text, does not display my CSS code at all in Firefox. But when I view it in IE6 and IE7 it shows perfectly.

[dvessel]

Your mime type for the css is not set correctly. Get into the your cpanel and look at what css is set as.

This is what I got from the Web Developer Firefox extension: (should install it.)

Error: The stylesheet http://slappingpenguins.com/Text/stylesheets/original.css was not loaded because its MIME type, "text/html", is not "text/css".

That shows for all your css files.

[redsox9]

Part of my site, http://slappingpenguins.com/Text, does not display my CSS code at all in Firefox. But when I view it in IE6 and IE7 it shows perfectly.
I would note that browsers like FireFox and Netscape are tough on sites that do not follow proper code syntax, whereas IE is more leanient. You might want to check out HTML Help by The Web Design Group (http://www.htmlhelp.com/); they have a nice little validation program that I've used over the years to assist in designing my sites to ensure uniformity in whatever browser is used by my visitors.

[Slapping Penguins]

Your mime type for the css is not set correctly. Get into the your cpanel and look at what css is set as.


How do I change the mime type for css files, I checked my .htaccess and it doesn't mention css files and when I go to the MIME types section in the CPanel I dont have any user defined mime types.

[dvessel]

Double check that there's an entry for "text/css" for css files. If it's there then it could be stemming from other problems.

Did you remember doing anything to modify the serving of the files? Trying to get php or apache compress it on the fly? Maybe something else?

You can manually set the mime type by going into the .htacces in the root of the domain and adding "AddType text/css css"

Oh, and another possibility is that the javascript on the page could be conflicting with a Firefox extension. Something I'm possibly seeing too. I've heard it happening before. The code seems fine and almost validates. I saw only one error but I doubt it's related to this.

[Slapping Penguins]

I remeber that earlier I did
addhandler application/x-httpd-php css but now I deleted that and I added
AddType text/css css but it still doesn't work

[dvessel]

Hit refresh a few times. Is there another link to look at. The one you posted is dead.

[Slapping Penguins]

Great, my css shows now yea

But now all my stuff is shifted to the right

[dvessel]

Play with the left padding for "ul". Nothing is set but set a small one anyways. If that doesn't work, set a left text align at the same time for the same element.

[Slapping Penguins]

Sweet, Thanks to everybody that helped me, now I can support Firefox. Huzza

[dvessel]

Next time, test in firefox first then check in IE. Designing for a broken browser can get you into deeper troubles.