Website works perfectly fine in IE(maxthon) but not in Mozilla

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • divyejain
    New Member
    • Jun 2007
    • 3

    Website works perfectly fine in IE(maxthon) but not in Mozilla

    Hi !!

    I am right now working on the company website of a company to make it accessible. I converted the basic nested table structure to simple table structure(due to lack of time was not able to totally remove the tables).

    Now heres the first sample page I made for the company and now the problem is it working perfectly in the maxthon browser or any other IE ..but the navigation system ruins in the Mozilla..

    I know that this code might appear quite big, but the proble is small if u see in the browser. just copy and paste and have a look plz..

    i guess this is the right place for me to get my answer..
    here is the link to my page...

    http://www.ue-management.com/test/ansatz_accessib le.htm
  • drhowarddrfine
    Recognized Expert Expert
    • Sep 2006
    • 7434

    #2
    First, your doctype is incomplete. This puts IE into 'quirks mode' which is like 1998 all over again. See the article about doctypes under 'Articles' at the top of this page.

    Second, IE is old, buggy and non-standard. So if you used the wrong doctype and then designed your page using IE, there may be issues with modern browser such as Firefox, Opera and everything else. Always design pages using a modern browser, then we can adjust for IEs quirks and bugs.

    Third, your html validates right now, but your css has way too many errors from not setting units on each number as described in this link.

    Set the doctype, fix the css errors, re-validate your html, and then let's see where we stand.

    Comment

    • divyejain
      New Member
      • Jun 2007
      • 3

      #3
      Originally posted by drhowarddrfine
      First, your doctype is incomplete. This puts IE into 'quirks mode' which is like 1998 all over again. See the article about doctypes under 'Articles' at the top of this page.

      Second, IE is old, buggy and non-standard. So if you used the wrong doctype and then designed your page using IE, there may be issues with modern browser such as Firefox, Opera and everything else. Always design pages using a modern browser, then we can adjust for IEs quirks and bugs.

      Third, your html validates right now, but your css has way too many errors from not setting units on each number as described in this link.

      Set the doctype, fix the css errors, re-validate your html, and then let's see where we stand.
      --------------------
      HI I have set the DOC type to the the html 4.01 transitional..

      and also validated the css and html


      i have uploaded the page at
      http://www.ue-management.com/test/mozilla/ansatz_accessib le.html

      now the only problem coming is in the navigation system and the right column(no space left)

      what i actually wants is like (please open in IE)
      http://www.ue-management.com/test/ansatz_accessib le.html

      now please tell me the problem in it..

      Comment

      • drhowarddrfine
        Recognized Expert Expert
        • Sep 2006
        • 7434

        #4
        Look into the margins for that <p> in .subMenuTableAc tive. IE appears to ignore the margins for the <p>. I don't think it's a matter of the default setting.

        Comment

        • divyejain
          New Member
          • Jun 2007
          • 3

          #5
          Originally posted by drhowarddrfine
          Look into the margins for that <p> in .subMenuTableAc tive. IE appears to ignore the margins for the <p>. I don't think it's a matter of the default setting.
          No it is not .. I tried playing with that too but no changes..there is some problem with the width of the homepge/Über uns/ and Ansatz... due to there width the navigation bar is strectched....

          I do not know wht the hell is happening....

          but ya i tried removing the <p> also and it just made the ansatz fit into the white space it should lie in ..but it didn't changed the width of the navigtion bar.

          Also i have given border to each of the navigation link, but its not coming...

          Comment

          Working...