Why does the layout break in firefox?

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • Ella Matthewman

    #1

    Why does the layout break in firefox?

    The website I'm designing works perfectly in Internet Explorer, but I just tested it in firefox and it doesn't work at all.

    Site is http://www.nannycompan y.co.uk/testing/index.html

    And I guess you can pull the codes from the site, but if you need them I'll post them here.

    Thank you in advance, I am really confused =/
  • JKing
    Recognized Expert Top Contributor
    • Jun 2007
    • 1206

    #2
    You should validate your html with W3 Validator. It will tell you your errors. Fix them then report back.

    There is also a missing semi-colon in your css on line 136.

    Comment

    • drhowarddrfine
      Recognized Expert Expert
      • Sep 2006
      • 7434

      #3
      Because you used IE to create the site. Never, ever do that. IE is 12 years behind all other browsers in modern standards and compliance. Always, always use a modern browser. ANYTHING but IE. The multitude of quirks and bugs in IE are well known, as are the hacks to fix it.

      In addition, you aren't using a doctype. This puts IE into 'quirks mode' and it won't attempt to perform like the other far more modern browsers, like Firefox, Chrome, Safari, Opera and just about everything else. Add this to your first line:
      Code:
      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
         "http://www.w3.org/TR/html4/strict.dtd">
      Then let's see where we stand.

      IE is your problem, not Firefox.

      Comment

      Working...