5 Replies Latest reply on Nov 13, 2008 4:14 PM by Newsgroup_User

    Spry Menu Position in IE

    OnsightAZ Level 1
      My horizontal Spry menu is positioned in the middle of the page. The drop down menus appear to drop from the top of the screen in Internet Explorer, while they appear correctly below the menu in Firefox. The only CSS I've changed is the color of the font and background color of the buttons. Any suggestions? A relative/absolute positioning issue? I'm using CS3. Thanks!
        • 1. Re: Spry Menu Position in IE
          Level 7
          Hello,

          I've seen that happen when people have tried to center text in the menu by
          highlighting it and clicking the text align icon in the Properties window.
          This wraps the LI or UL in center aligned divs which causes trouble in IE.
          Without seeing the code, this is a wild guess of course.
          Can you post a link?

          Take care,
          Tim



          "OnsightAZ" <webforumsuser@macromedia.com> wrote in message
          news:gffj2h$j4l$1@forums.macromedia.com...
          > My horizontal Spry menu is positioned in the middle of the page. The drop
          > down
          > menus appear to drop from the top of the screen in Internet Explorer,
          > while
          > they appear correctly below the menu in Firefox. The only CSS I've
          > changed is
          > the color of the font and background color of the buttons. Any
          > suggestions? A
          > relative/absolute positioning issue? Thanks!
          >


          • 2. Re: Spry Menu Position in IE
            OnsightAZ Level 1
            Here is a link to the page as it is currently:

            http://www.aplomado.com/demo/birdwatching_spry.html

            It turns out the divs are center-aligned, but deleting that property didn't seem to help. Thanks for your help.

            Scott
            • 3. Re: Spry Menu Position in IE
              Level 7
              Hello,

              You need to remove all of the divs that were inserted from your menu.
              They break it in IE.

              <li>
              <div align="center> <--remove
              <a class="style8" href="thisisaplomado.html">THIS IS APLOMADO</a>
              </div> <---remove
              </li>
              <li>
              <div align="center"><---remove
              <a href="giss.html" class="style8 MenuBarItemSubmenu">G.I.S.S.
              SERIES</a>...... and so on.

              The correct way to center text in the menu is to add text-align:center to
              the link style in the Spry CSS, like so:


              ul.MenuBarHorizontal a
              {
              display: block;
              cursor: pointer;
              background-color: #999999;
              padding: 0.5em 0.75em;
              color: #333;
              text-decoration: none;
              text-align:center;
              }

              Take care,
              Tim


              "OnsightAZ" <webforumsuser@macromedia.com> wrote in message
              news:gfg4p0$c15$1@forums.macromedia.com...
              > Here is a link to the page as it is currently:
              >
              > http://www.aplomado.com/demo/birdwatching_spry.html
              >
              > It turns out the divs are center-aligned, but deleting that property
              > didn't
              > seem to help. Thanks for your help.
              >
              > Scott
              >


              • 4. Re: Spry Menu Position in IE
                OnsightAZ Level 1
                That was it! Thanks!
                • 5. Re: Spry Menu Position in IE
                  Level 7
                  You're welcome. Happy to help.


                  "OnsightAZ" <webforumsuser@macromedia.com> wrote in message
                  news:gfg7i4$fdo$1@forums.macromedia.com...
                  > That was it! Thanks!