Vertical Buttons using LI differs in FF2 vs IE

Collapse
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • RichmondJim
    New Member
    • Aug 2007
    • 1
    #1

    Vertical Buttons using LI differs in FF2 vs IE

    I'm a newbie when it comes to CSS and I tried to incorporate menu buttons using CSS on to our site. It works great (IMHO) in IE6, but someone emailed me that it's really crappy in FF2, so I installed Firefox and... they're right!

    I tried a couple of possible corrections, but it either made the Firefox worse, or messed up the IE6. Unfortunately, this is a production site so I can't mess around with it too much.

    Would someone look at www.gastrova.co m and compare the buttons on the left-hand side in IE6 and tell me if there's an easy fix for the CSS? (The CSS is at www.gastrova.co m/corporatestyle. css and the code for the buttons are the last sections of the file.)

    Thanks!
    Jim
    Last edited by RichmondJim; Aug 25 '07, 02:32 AM. Reason: Add version of IE
    Tags: None
    • drhowarddrfine
      Recognized Expert Expert
      • Sep 2006
      • 7434
      #2
      It works great (IMHO) in IE6, but someone emailed me that it's really crappy in FF2, so I installed Firefox and... they're right!
      And there is your problem. Never, ever use IE as your reference page. Always, always use a modern browser such as Firefox, Opera, Safari or, in other words, anything but any version of IE. IE7 is nine years behind web standards.

      Currently, you have an improper doctype which puts IE into 'quirks mode' and its broken "box model". Also, you have 33 html errors and 7 CSS errors. Fortunately, most of those errors do not hurt your page.

      I am out of town and cannot specifically tell you how to fix your page but I would add Firefox's web developer extension and Firebug, validate your html and css for your list of errors, and then fix it so it works in IE (and therefore all modern browsers) and then we can adjust for IEs quirks and bugs. I would also spend some time looking over the articles in the Articles section above.

      Unless someone else helps you in the meantime, I won't be back in town till mid-week.

        Comment

        • just a feeling
          New Member
          • Aug 2007
          • 86
          #3
          Currently, you have an improper doctype which puts IE into 'quirks mode' and its broken "box model".
          This is the proper one
          <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
          "http://www.w3.org/TR/html4/loose.dtd">

            Comment

            Previous template Next
            Working...