Site looks great in IE but horrible in FF?!?

[anna]

Here's a new curveball- my website looks pretty wonky in FF but looks great in IE.... What the h*** does that mean?!? What am I doing wrong?!?

Do you have any advice? Here is a link:

http://www.leco.com/new_web_template/template_test03.html

And please, no comments on the design, it's not my call unfortunately!

 

[Web1]

Sorry Anna, I checked in FF and IE and can't see where the difference is ! What are you seeing in FF that is out of whack ?

 

[anna]

Thank you for your response.

The h2 starting with "since the introduction..." splits; one line is above the image, one line is below.

The copyright info at the bottom displays the wrong font and doesn't sit nice above the line.

The whole page sits left when it should be centered with a darker gray background around the main container.

Do you see these things? Thanks again for checking on it!

P.S. I am using FF 3.5

 

[egofirm]

Probably the problem's that the site references an external CSS file that is stored on your hard-drive (<link href="file:///C|/Lecowebsite2009/oneColFixCtrHdr2.css" rel="stylesheet" type="text/css" />) and whereas FF loads it (or has it already cached), IE flips out. Just my 2 cents...

 

[Web1]

Ah...I see, well all those little issues are showing exact same in IE 8 on Windows Vista, looks identical as it does in current Firefox on my PC

Yep as egofirm mentions, set the path to that CCS file to its correct location eg;

http://www.leco.com/new_web_template/oneColFixCtrHdr2.css

Thats first port of call Anna.

 

[BradT81]

Did you fix this? it looks the same to me

 

[voodish]

As egofrim rightly suggests, it is because you are referencing a file from your hard drive:

<link href="file:///C|/Lecowebsite2009/oneColFixCtrHdr2.css" rel="stylesheet" type="text/css" />

You need to create a relative link path to the CSS document, for example if the CSS file is in the same folder as the template_test03.html file, then simply use the following:

<link href="oneColFixCtrHdr2.css" rel="stylesheet" type="text/css" />

If it is within a folder then place the folder name before the CSS file name eg:

<link href="/MY_FOLDER_NAME/oneColFixCtrHdr2.css" rel="stylesheet" type="text/css" />

Replace MY_FOLDER_NAME with your actual folder name.

You may need to use dot syntax, in which case:

.. = two folders back
. = one folder back

 

[anna]

Thank you so much for all the responses! Yes that was the problem, and it is now fixed. Needless to say it was a long week last week; thanks again!

 

[triowebsoft]

Both browsers have different properties , that might be the reason. I generally have problems with IE

 

[Web1]

yay, glad you got it fixed. Hate it when there are path problems, can take ages to spot it !

 

[anna]

Thanks for all your help! You guys are priceless!!