Firefox not displaying site properly; IE does though. [Archive]

Click to See Complete Forum and Search --> : Firefox not displaying site properly; IE does though.

Raller

12-04-2007, 12:12 PM

felgall

12-04-2007, 02:19 PM

Your page is missing a doctype. Without that as the first statement IE goes into quirks mode and displays the page according to its own rules from 10 years ago instead of the current standards that the thousands of other web browsers including Firefox, Opera, Safari, etc all follow.

zoltankis

12-04-2007, 03:13 PM

Hey guys,

I am not sure why certain pages in my site are not displaying properly in Firefox. I think it has something to do with the iFrame. All the other pages that do not have an iFrame work fine. Click HERE (http://www.ihservicesltd.com/engraving/plaques.htm) to see what i mean.

Any help from one of you coding geniuses out there would be great!

Thanks in advance!
Lófaszt. Most néztem meg, hogy ez az első beírásod. Elkúrtam majdnem egy órát. Nézegessed a hibáidat magad.
Changed files:
http://www.java.xc.hu/engraving/plaques.htm
http://www.java.xc.hu/engraving/styles.css

Comments marked as: KZG
Read:
http://www.w3schools.com/css/pr_font_weight.asp
Try:
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.java.xc.hu%2Fengraving%2Fplaques.htm&charset=iso-8859-1&doctype=Inline&group=0
The latter on your web page:
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.ihservicesltd.com%2Fengraving%2Fplaques.htm&charset=iso-8859-1&doctype=HTML+4.01+Transitional&group=0

drhowarddrfine

12-04-2007, 03:53 PM

As stated above, plus, never, ever use any version of IE as a reference to how things should work. It is old, buggy and soon to be ten years behind web standards.

dtm32236

12-04-2007, 04:17 PM

here (http://www.alistapart.com/stories/doctype/) is what Felgall is talking about.

WebJoel

12-05-2007, 08:41 AM

Lófaszt. Most néztem meg, hogy ez az első beírásod. Elkúrtam majdnem egy órát. Nézegessed a hibáidat magad.
Could we keep the chat in English please, -the primary language used on this forum. :) This is about learning, and this really doesn't contribute (and I translated some of this and, if I am correct ...-I was not very amused I'm afraid). :o peace.

Raller

12-05-2007, 09:48 AM

dtm32236

12-05-2007, 10:02 AM

you NEED a valid doctype on EVERY page.

you should also include:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
within the <head>

when you do that, validate (http://validator.w3.org/) your page (it won't validate without a doctype and correct charset)

chances are, after validating, it will show you exactly where the incorrect code is.

zoltankis

12-05-2007, 10:43 AM

I tried adding the doctype but it still does not display properly in FF. Any other suggestions?

What i don't understand is all my other pages do not have the doctype and they are being displayed fine. It's strange.

Try to examine these changed files. Use FF DOM inspector.
I have corrected (and commented) some errors, they marked as: KZG.
2 errors in plaques.html, 3 additional lines (1 doctype, 1 charset, 1 language)
additional styles to highlight table borders:
http://www.java.xc.hu/engraving/plaques.htm

4 errors corrected there: (there is not known attribute "smooth")
http://www.java.xc.hu/engraving/styles.css

Read:
http://www.w3schools.com/css/pr_font_weight.asp
Try:
validator on my version (http://validator.w3.org/check?uri=http%3A%2F%2Fwww.java.xc.hu%2Fengraving%2Fplaques.htm&charset=%28detect+automatically%29&doctype=Inline&group=0) (4 errors)

Use this frequently:
validator on your version (http://validator.w3.org/check?uri=http%3A%2F%2Fwww.ihservicesltd.com%2Fengraving%2Fplaques.htm&charset=iso-8859-1&doctype=Inline&group=0) (at this time it shows 5 errors.)

It seems, doctype is OK now.
You may insert next 2 lines in yor <head> section:
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="language" content="en-us">

Raller

12-05-2007, 11:33 AM

OK, thanks guys. It seemed to have worked. Thanks so much for all your help!

zoltankis

12-05-2007, 12:31 PM

OK, thanks guys. It seemed to have worked. Thanks so much for all your help!
Congratulations, almost done.
except: line 95, column 78 padding-top: 16 px . There is a space between "16" and "px" Use FF Error Console

drhowarddrfine

12-05-2007, 04:29 PM

Never, ever use IE as a reference for how things should work.

Raller

12-07-2007, 08:49 AM

OK, thanks Zoltankis