Comments on: Firefox, Safari, Opera Doesn’t Load CSS Stylesheets?

By: am

am — Wed, 28 Oct 2009 11:27:51 +0000

Thanks alot, had exactly the same problem!

By: Kimberly

Kimberly — Fri, 10 Apr 2009 02:32:18 +0000

I am having issues with my CSS template displaying correctly in Firefox and Safari web-browsers. My website looks grand in IE and Avant, but it looks terrible in Firefox and Safari. It seems as if the CSS template is not loading correctly. I have taken the website down, but will put it back up to show the issue I am having. Please help… I am new to website development!!

By: Isaac

Isaac — Sun, 18 Jan 2009 22:07:43 +0000

For over 6 months I’ve had this problem with Safari not loading my stylesheets. Today I finally sat down and began changing some things around with at random. I had something like this at the top of my main stylesheet.

@media print{
@page{
size:landscape;
}
}

I moved it to the very bottom and everything looks perfect as it should now. I really hope this helps anyone out there.

Isaac

By: Vygantas Lipskas

Vygantas Lipskas — Tue, 07 Oct 2008 17:00:46 +0000

Another issue: .smallText { font-size:Arial; font-size: 10px; should be family on the 1st one, also suggest you to remove (2nd one). No need to repat it twice. FF3 still shows all white, no red color.

By: Vygantas Lipskas

Vygantas Lipskas — Tue, 07 Oct 2008 16:52:07 +0000

No problem :-) Happy to help you.

By: Marianne

Marianne — Tue, 07 Oct 2008 16:44:00 +0000

I can’t thank you enough!!! I have fixed those issues and will put a shout out to you in the credits for your help. I hope that anyone else having a similar issue can find this online and not go through the frustration I did. Thanks again!!!

By: Vygantas Lipskas

Vygantas Lipskas — Tue, 07 Oct 2008 16:25:31 +0000

It shows fine now on Opera as well, once you fix those other issues, it will probably work on Firefox, Safari as well.

By: Vygantas Lipskas

Vygantas Lipskas — Tue, 07 Oct 2008 16:23:41 +0000

scrollbars {
scrollbar-arrow-color:#00000;
scrollbar-track-color:#ac0304;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#c0c0c0;
scrollbar-3dlight-color:#9c9c9c;
scrollbar-darkshadow-color:#000000;
scrollbar-shadow-color:#333333;
}

This is not CSS stuff. It is a non-standard proprietary extension from Microsoft. Other browsers will ignore it.

font:11px ;
should be font-size:11px;

Remove 1st line or replace it with CSS comment /* as now it’s HTML comment code.

#contentbody {

is not closed

By: Marianne

Marianne — Tue, 07 Oct 2008 16:12:04 +0000

The code I added to the top of the web page isn’t posting on this forum. Basically, I added “doctype” to the page…

By: Marianne

Marianne — Tue, 07 Oct 2008 16:09:09 +0000

Thanks for taking a look at this! I made the changes you suggested. Another thing I did was add the following to the actual web page:

Is there something I can add to either the external CSS page or the actual web page that will “prompt” firefox, opera, netscape, etc., to recognize the CSS as it is supposed to look and as it does in fact look when viewed in IE?

THANKS!