3 Replies Latest reply on May 5, 2010 4:28 PM by Nancy OShea

    IE compatibility issue

    weaponofchoice2

      Hi,

       

      Im quite new to all this and have made a website using Spry Horisontal Menus for the first time. It all seemed to be going so well until testing when i found that the menu bars did not work in internet Explorer. This is unique to IE as works fine in Safari and Opera.

       

      When an IE user click on the menu bar instead of loading below the selection it loads to the left of the screen. I have attached a copy of the image for reference. Im sure that this is something relativly simple but I can not figure it out.....

       

      The site is currently up on www.mysafehouse.co.uk

       

      Any help would be amazing! Thanks in advance.....

       

      Untitled.jpg

        • 1. Re: IE compatibility issue
          buffercheen2

          Hi,

          I'm reasonably new too and am also having issues with the spry horizontal menu bar and IE.

          My dropdowns appear in the correct place, but when testing in IE, they don't work until you click the active x warning box in the top of the page.

          I have read various things about this, but have not found a solution.

          It works in all the other browsers fine, as you say Safari and Opera too, but IE seems the odd one out.

          Unfortunately, as my partner wants this site for selling items I have not the luxury of just accepting this and hoping the user 'trusts'or even sees the active x box  without being put off.

          Is there solutions that I could possibly understand to these problems??

           

          Jo

          • 2. Re: IE compatibility issue
            Nancy OShea Adobe Community Professional & MVP
            My dropdowns appear in the correct place, but when testing in IE, they don't work until you click the active x warning box in the top of the page.

             

            The ActiveX warning only occurs on local site pages.   

            Once you upload your site to the remote server, you won't see this screen.

             

             

            Nancy O.
            Alt-Web Design & Publishing
            Web | Graphics | Print | Media  Specialists
            http://alt-web.com/
            http://twitter.com/altweb
            http://alt-web.blogspot.com

            • 3. Re: IE compatibility issue
              Nancy OShea Adobe Community Professional & MVP

              You might try adding a conditional comment for IE that reduces font-size to 76%.

              IE Conditional Comments go between the <head> and </head> tags in your HTML document:

               

              <!--[if IE]>
              <style type="text/css">
              /* place css fixes for all versions of IE in this conditional comment */
              body {font-size: 76%}
              </style>
              <![endif]-->

               

               

               

              Nancy O.
              Alt-Web Design & Publishing
              Web | Graphics | Print | Media  Specialists
              http://alt-web.com/
              http://twitter.com/altweb
              http://alt-web.blogspot.com