4 Replies Latest reply on Apr 25, 2010 9:24 AM by helpvid

    IE Browser Issue with Spry Menu Bar {screen-capture attached}

    helpvid Level 2

      Hi there, my horizontal spry menu bar is messing up when viwed in Internet Eplorer, HTML shows no errors, after extensive testing still cant find a solution.  As you will be aware IE is a popular browser so its imperative i resolve the issue.  The site is http://www.theboxinghistorian.com/

       

       

      View in Chrome and Firefox

      nav-chrome.JPG

       

       

      View in Internet explorer (IE)

      navIE.JPG

       

       

      Here is the HTML code

       

      html1.JPG

      html2.JPG

       

       

      Hope this is enough information for a solution.

       

      Thank you for your time

      Mark

        • 1. Re: IE Browser Issue with Spry Menu Bar {screen-capture attached}
          helpvid Level 2

          Just Updating this threat as i still have found no solution....

          • 3. Re: IE Browser Issue with Spry Menu Bar {screen-capture attached}
            CVK-USA Level 1

            I've never used Spry, so take this with a huge grain of salt.. looking at your html, I am kinda wondering how come the 2nd level of the nested list items making up your submenu items arent assigned a different css style - and therefore is your css file setup to handle this change in orientation properly..

             

            You got a class=MenuBarSubItem" on your Championship History, but theres nothing in your html (other than the nested ul within #Menubar1) to indicate that Heavyweight, Cruiserweight, etc. are 2nd Level MenuItems which should be using a different css style.. therefore it would be up to your CSS to handle this change in how these 2nd level sub menu items gets displayed.. looks like this isn't happening for MSIE, as MSIE keeps floating your 2nd level/submenu items horizontally instead of stringing them up vertically.. You may be missing a style rule in your css, but how come FF gets it right?

             

            If I were to recreate this menu myself, I would assign a new css class to make sure my submenu items dont end up floated next to each other.. But then again, i have no clue about Spry, so I might just be rambling nonsense here...

            • 4. Re: IE Browser Issue with Spry Menu Bar {screen-capture attached}
              helpvid Level 2

              I deleted everything and started again, deleted all css and spry javascript, however as soon as begun to rebuild it latched onto all the old css even although i had deleted all the attributes where applied as soon as i dropped another spry menu in there. 

               

              I even created a test site, entered a spry menu with drop down and it appeared fine when viewed in IE browser.

               

              This is leading me to think it's something outwith my spry that is causing this.