1 Reply Latest reply on Aug 17, 2013 4:45 AM by Ken Binney

    My Spry Menu Bar does not appear correctly in IE but looks fine when I view it in Safari?

    rowlands2003

      www.candmphotography.co.uk     The 'Contact' link has movedto the line below the rest of the bar and is also over to the far left.  When I view it in Safari it is in the correct position ( Directly to the right of 'Portraits')

       

      I have looked through a lot of the other discussions but can't seem to find the answer to my problem.

        • 1. Re: My Spry Menu Bar does not appear correctly in IE but looks fine when I view it in Safari?
          Ken Binney Adobe Community Professional & MVP

          "Drop down" is caused by insufficient room in a container for its content.

           

          Fix by either reducing the width of the content or increasing the width of the container

           

          Try this to reduce the width of the content

           

          ul.MenuBarHorizontal li {

              background-color: #FFFFFF;

              background-image: url("SpryMenuBarDownHover.gif");

              cursor: pointer;

              float: left;

              font-size: 100%;

              list-style-type: none;

              margin: 0;

              padding: 0;

              position: relative;

              visibility: visible;

              width: 7.80em;

              width: 755px;

          }

          Alternatively, you could increase the width of the container

          ul.MenuBarHorizontal {

              background-color: #FFFFFF;

              cursor: default;

              font-size: 100%;

              list-style-type: none;

              margin: 0 auto;

              padding: 0;

              width: 755px;

          }

          1 person found this helpful