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

Follow Post Reply

1292

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

DerekPKeogh

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

DerekPKeogh

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

DerekPKeogh

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

Looks great in IE7 and crap in Firefox

Post your reply

Similar topics