CSS doesn't display in Firefox

The following page displays perfectly when I preview on my own computer, but after publishing none of the css seems to display in firefox. I have checked the link to my external sheet, and I can't find a problem...can't see the woods for all the trees in the way!
Page: http://www.rcs.rang.k12.va.us/SCHOOLS/RCHS/index.htm
CSS: http://www.rcs.rang.k12.va.us/SCHOOLS/RCHS/css/main.css

I made the page with Dreamweaver - someone on the macromedia forum posted this reply - does it sound legit?

I think this maybe because your server is not set up correctly for Moz,
Firefox and Netscape to understand css.

You might need to contact your host and ask them to set up the server
correctly.

I seem to remember other users having similar issues.

I don't think so.

Firstly, you might find the web developer toolbar in Firefox quite handy.

Secondly, I've just discovered that firefox is displaying the css correctly, but simply can't find that corner image..
Change the location of that corner image at the beginning of your CSS to...

/SCHOOLS/RCHS/images/pagebg_right.jpg

instead of...

../images/pagebg_right.jpg

See if that helps, and let us know if it does

didn't do anything.

i have a vast amount of formatting and positioning that doesn't show up as well...since it displays ok in IE but not in Firefox I am tempted to think that it is a standards issue (firefox is strict on standards...right?) but i can't see anything.

I'm afraid not. Firefox is correct on standards. MSIE just doesn't comply with them. The more compliant a browser is with the standards, the better.

Interestingly, now that you've altered that location for the image, while it doesn't show the page in firefoxx normally, as soon as I select the "edit css" function of the toolbar, it does and it all displays wonderfully. This is definitely a very curious issue.

The formatting isn't showing up simply as a result of the right corner image being missing. When that's added ito the page as it should be, it all displays perfectly.

One which I'll continue to look at for a little while - that is unless you would like to go to the http://www.CSScreator.com forums and see if they could help. If they do, it would be wonderful if you could tell us what the fix was here at TS, because this one is certainly a bit of a puzzle!

Valid CSS - with 7 warnings - http://jigsaw.w3.org/css-validator/...www.rcs.rang.k12.va.us/SCHOOLS/RCHS/index.htm

Though, having changed that image location back to ../images/pagebg_right.jpg now, clicking on the "edit css" option in the web developer toolbar no longer makes the page display correctly.

(../folder/image.jpg) is incorrect syntax. It should be (folder/image.jpg)

an interesting response on another thread was that the MIME type was wrong - i think i fixed that, but still no luck.

It's definitely not your servers MIME that's wrong here. As I said, You need to correct the syntax on the location of that image, which will bring you at least a step closer. If you leave it like that, it'll never show nomatter what you do.

Did you install the web developer plugin I linked to in Firefox (lots of useful tools, including the one that will show you what I'm talking about. lol)

ok
so i removed the background image info from the external file and left it in the page source.

still doesn't work

no. I didn't say that.

You need to put it back into the external file, in the syntax...

Code:

body {
	background-image: url(images/pagebg_right.jpg);
	background-repeat: no-repeat;
	margin-top: -1px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

Saying that, it may not the be the syntax mind... Edit that in a local copy, and FTP it to your server in BINARY mode. If it doesn't work then, it may well be MIME related or something, because that does the trick by using a local copy of the css on the page from here.

didn't work for me either...but i see what you mean when i click on edit css...looks how i want it to...grrrrrrrrrr

And worse still, when you add a local copy of the exact same stylesheet to the page using firefox, it works!

This is even bugging me now! lol

OK. I've been looking at this for a little while now, and I've come to the conclusion that this is quite possibly a rendering bug in firefox - every browser has it's bugs, even the good ones. lol

I would recommend also posting about this here... http://www.csscreator.com/css-forum/, as there are some real CSS guru's over there. If there's a bug in firefox rendering, there's most likely a hack to the code that can fix it, and if it's not a rendering bug, someone over there will probably know what's wrong.

In the meantime, no doubt some other people will look at this thread, and someone may have an answer here. Personally, I would love to know what the cause of this is and how to solve it.

tried binary...no difference.

i will need a little MIME help - never messed with it before. is it a header in my css file?

No. Your server mime types are the identifications for pages that your server sends to the visiting browser to instruct it on how to handle and read the page. If you are using apache these will be in your server config, but I doubt it's those still, even now. I can only recommend the advice I gave in my last post I'm afraid.

Just to update this thread, it appears that there is a MIME issue here somewhere after all... http://www.csscreator.com/css-forum/ftopic18703.html

Instead of:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/rchs.dwt" codeOutsideHTMLIsLocked="false" -->
<head>

Try:
<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>

not that good with css but I do ok
found this on server issue
Link Translation
you must enable link translation for a content type that includes the following:
• application/x-javascript
• text/css
• text/x-component
• ext/xml
• .eml
• .css
I did not look at your code
under base href
I have
<link rel="stylesheet" type="text/css" href="stylesheet.css">
made with DW8 with php my sql

seemed to work, although a user at another forum suggested it may be incomplete - http://www.csscreator.com/css-forum/sutra96188.html#96188