TechSpot

conwayap · #1 05-15-2006

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

conwayap · #2 05-15-2006

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.

Spike · #3 05-15-2006

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

conwayap · #4 05-15-2006

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.

Spike · #5 05-15-2006

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!

Mictlantecuhtli · #6 05-15-2006

I thought #ids in CSS should be added after element names.

Run the stylesheet through CSS Validator and check the results.

Spike · #7 05-15-2006

Valid CSS - with 7 warnings - http://jigsaw.w3.org/css-validator/v...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)

conwayap · #8 05-15-2006

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

Spike · #9 05-15-2006

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)

conwayap · #10 05-15-2006

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

still doesn't work

Spike · #11 05-15-2006

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.

conwayap · #12 05-15-2006

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

Spike · #13 05-15-2006

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

Spike · #14 05-15-2006

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.

conwayap · #15 05-15-2006

tried binary...no difference.

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

Spike · #16 05-15-2006

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.

Spike · #17 05-15-2006

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

RealBlackStuff · #18 05-15-2006

Instead of:
<!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">
<head>

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

Samstoned · #19 05-16-2006

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

conwayap · #20 05-16-2006

Quote:

Originally Posted by RealBlackStuff

Instead of:
<!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">
<head>

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

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

Similar Topics
Topic	Replies	Forum
Firefox, IE and google chrome can't load any website after firefox update	1	Storage and Networking
Firefox Hijacked, IE Page Won't Display	8	Virus and Malware Removal
Issues with webpage display in Firefox	1	Software Apps
Neither IE nor IEtab in firefox displays pages, firefox alone works	2	Software Apps
Firefox and IE HTML table display troubles!	5	Software Apps

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

TechSpot

CSS doesn't display in Firefox

Follow TechSpot

Subscribe to our Newsletter