Looks great in IE7 and crap in Firefox

Collapse
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • DerekPKeogh
    New Member
    • Mar 2008
    • 4
    #1

    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.KillesterUn ited.com

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

    Any ideas would be greatly appriecated.

    Thanks.
    Derek.
    Tags: None
    • drhowarddrfine
      Recognized Expert Expert
      • Sep 2006
      • 7434
      #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.

        Comment

        • DerekPKeogh
          New Member
          • Mar 2008
          • 4
          #3
          Originally posted by drhowarddrfine
          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.or g/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.:-(

            Comment

            • drhowarddrfine
              Recognized Expert Expert
              • Sep 2006
              • 7434
              #4
              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.

                Comment

                • DerekPKeogh
                  New Member
                  • Mar 2008
                  • 4
                  #5
                  Thats the errors found with http://validator.w3.or g/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.

                    Comment

                    • DerekPKeogh
                      New Member
                      • Mar 2008
                      • 4
                      #6
                      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.

                        Comment

                        • drhowarddrfine
                          Recognized Expert Expert
                          • Sep 2006
                          • 7434
                          #7
                          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.

                            Comment

                            Previous template Next
                            Working...