469,935 Members | 1,554 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,935 developers. It's quick & easy.

Looks great in IE7 and crap in Firefox

A simple problem to see. I am not going to post code yet as I am not sure were it goes wrong.

If you could have a look at the site, firstly with IE7 and then with Firefox.

It looks good and everything works fine in IE7.
In Firefox it's a disaster, it looks crap and the css menus dont work.

As thread this unfolds I can include code.

here is the site.
www.KillesterUnited.com

Its a site I wrote and maintain for free for my local soccer club.

Any ideas would be greatly appriecated.

Thanks.
Derek.
Mar 7 '08 #1
6 1253
drhowarddrfine
7,435 Expert 4TB
The problem is IE7. IE is displaying what you want. Firefox is displaying what you wrote. Never use IE as a reference for how things should work. It is 10 years behind web standards.

First thing, you are missing a doctype. You will never get IE to attempt to perform like modern browsers, such as Firefox/Opera/Safari without one. See the article about doctypes under Howtos and the html/css section above. Do that first and let's see where we stand.
Mar 7 '08 #2
The problem is IE7. IE is displaying what you want. Firefox is displaying what you wrote. Never use IE as a reference for how things should work. It is 10 years behind web standards.

First thing, you are missing a doctype. You will never get IE to attempt to perform like modern browsers, such as Firefox/Opera/Safari without one. See the article about doctypes under Howtos and the html/css section above. Do that first and let's see where we stand.
Great, thats a place to start.

Looking at the code now its not in great shape.
Like you say its showing how it wants not what it is written.

http://validator.w3.org/check

I found this file checker, its great. I am working my way through the errors, found twenty or so, type O's missing stuff etc. It picked out doctype amonst other things.

When I fix these I will report back.

Im almost embarrassed how I depended on IE.:-(
Mar 7 '08 #3
drhowarddrfine
7,435 Expert 4TB
This is the web developer's mantra:
If it works in IE but not Firefox/Opera/Safari, the markup is wrong. If it works in Firefox/Opera/Safari but not IE, fix IE.
Mar 7 '08 #4
Thats the errors found with http://validator.w3.org/check,
2 left to do with no definition of the marquee tag.
I can live with that for now.

So, even with the errors fixed it is still crap in firefox.

I will try and start the laout from scratch and add each element at a time and see where it goes wrong.

If you can see any obious stuff just from viewing in the browser let me know please,

thanks for the help and pointers so far.

Derek.
Mar 7 '08 #5
a couple of questions.

1. my sight looks different when I view it local(from IIS7 on my PC) and over the web(I think the host uses IIS6) both with Firefox.

2. IE places all the DIVS in the correct location without giving them absolute starting positions, do I have to declare absolute starting positions to get hthe same effect in Firefox.
Mar 9 '08 #6
drhowarddrfine
7,435 Expert 4TB
Your doctype is incorrect and putting IE into quirks. Use this one:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

If it looks right in IE, but not Firefox, then your markup is wrong. Firefox always displays what you wrote. IE will not. I'll look more at this.
Mar 9 '08 #7

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

32 posts views Thread by Tom Cole | last post: by
97 posts views Thread by Master Programmer | last post: by
2 posts views Thread by johnny15 | last post: by
5 posts views Thread by manish | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.