2 Replies Latest reply on Jan 12, 2009 7:57 PM by BodhiM

    Spry menu CSS styling for Explorer

    BodhiM
      I've posted this message a couple of times but haven't received a reply so I'm trying one last before I delete the spry menu and go back to a dhtml version.
      I've got a spry menu set up in a template and its seems to work OK in Safari and Firefox on my Mac but when I look at it on Windows NT in Explorer I get a white box behind the top and sub menus until I mouse over.

      Do I need to add styling to get around this or does this require a special Explorer hack?

      Also on sub menu mouse over can I get the menu highlight to stretch to the edge of the background box at present it finishes at the edge of the text.

      See page here……

      http://mosmanplasticsurgery.com.au/test/index.html

      Many thanks in advance
      Peter

        • 1. Re: Spry menu CSS styling for Explorer
          Level 7
          "BodhiM" <webforumsuser@macromedia.com> wrote in message
          news:gkdrlk$779$1@forums.macromedia.com...
          > I've posted this message a couple of times but haven't received a reply so
          > I'm
          > trying one last before I delete the spry menu and go back to a dhtml
          > version.

          Spry IS a DHTML menu :-)

          > I've got a spry menu set up in a template and its seems to work OK in
          > Safari
          > and Firefox on my Mac but when I look at it on Windows NT in Explorer I
          > get a
          > white box behind the top and sub menus until I mouse over.
          >
          > Do I need to add styling to get around this or does this require a special
          > Explorer hack?
          >
          > Also on sub menu mouse over can I get the menu highlight to stretch to the
          > edge of the background box at present it finishes at the edge of the text.
          >
          > See page here??
          >
          > http://mosmanplasticsurgery.com.au/test/index.html

          http://friendsofed.infopop.net/4/OpenTopic?a=tpc&s=989094322&f=2963027307&m=5911084951

          Here is the post:

          ------------------------------------
          David,

          Thanks for your response. On the Adobe Spry list I found the solution had
          two parts. Part one was, as Jon reported, to remove background: #fff from
          the IE hack, but that left the submenu with a white background and the
          appearance of the word "false."

          Al Sparber of projectseven.com provided the other half:


          To eliminate the "false", open your script file and locate this line:
          this.createIframeLayer(menu);

          Place 2 slashes in from to comment it out, like this:
          //this.createIframeLayer(menu);

          This hack is like taking a sledge hammer to a thumb tack. It addresses an
          issue in older versions of IE where positioned content will appear under a
          select box. In any event, your sub menus should now appear and you can focus
          on the remaining CSS issues you have, which I'm sure someone at Adobe can
          help you with.
          ---------------------------------------

          Good luck using Spry :-)


          --
          Al Sparber - PVII
          http://www.projectseven.com
          The Finest Dreamweaver Menus | Galleries | Widgets
          http://www.projectseven.com/go/pop
          The Ultimate DW Menu System





          • 2. Re: Spry menu CSS styling for Explorer
            BodhiM Level 1
            Brilliant. Many thanks.