Menu Bar IE Problem

Collapse
This topic is closed.
X
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • Mike
    #1

    Menu Bar IE Problem

    I have made a menu bar with CSS and it works perfectly with IE. But it's
    *way* off in FF. I have fiddled with it for quite some time and can't
    get it to cooperate. Can anyone help?

    http://www.giftbasketsandtrinkets.com


    Thanks!
    Tags: None
    • John Hosking
      #2
      Re: Menu Bar IE Problem

      Mike wrote:
      I have made a menu bar with CSS and it works perfectly with IE. But it's
      *way* off in FF. I have fiddled with it for quite some time and can't
      get it to cooperate. Can anyone help?
      >
      http://www.giftbasketsandtrinkets.com
      I bet if you used a strict doctype to put your page in standards mode,
      IE6 would "mess up" just like FF. I think you are looking at two
      different box models, since your transitional doctype leaves you in
      quirks mode.

      Look at:
      #globalnav li a {
      width:70px;
      padding:0.2em 0.6em;
      font-size: 12px; }

      Real browsers make your link (roughly) 70px + 2*(.6*font-size) wide, so
      FF shows them at about 86px. IE in quirks mode doesn't add padding to
      the specified width, but deducts it from the total available (so it has
      to wrap the menu texts). IE's menu is shorter across, but FF's conforms
      to the W3C's specs.

      HTH
      --
      John

        Comment

        • dorayme
          #3
          Re: Menu Bar IE Problem

          In article <ptZLh.15372$1a 6.3671@trnddc08 >,
          Mike <mmlk@earth.net wrote:
          I have made a menu bar with CSS and it works perfectly with IE. But it's
          *way* off in FF. I have fiddled with it for quite some time and can't
          get it to cooperate. Can anyone help?
          >
          http://www.giftbasketsandtrinkets.com

          >
          Thanks!
          There are quite some things wrong about the design, but it looks
          better if you simply get rid of "width:70px ;" altogether from
          your:

          #globalnav li a {
          float:left;
          /*width:6.5em;*/
          width:70px;

          --
          dorayme

            Comment

            • Mike
              #4
              Re: Menu Bar IE Problem

              dorayme wrote:
              In article <ptZLh.15372$1a 6.3671@trnddc08 >,
              Mike <mmlk@earth.net wrote:
              >
              >I have made a menu bar with CSS and it works perfectly with IE. But it's
              >*way* off in FF. I have fiddled with it for quite some time and can't
              >get it to cooperate. Can anyone help?
              >>
              >http://www.giftbasketsandtrinkets.com
              >>
              >Thanks!
              >
              There are quite some things wrong about the design, but it looks
              better if you simply get rid of "width:70px ;" altogether from
              your:
              >
              #globalnav li a {
              float:left;
              /*width:6.5em;*/
              width:70px;
              >
              That fixed it!

              Thank you!!

                Comment

                Previous template Next
                Working...