2 Replies Latest reply on Sep 9, 2008 10:39 AM by Newsgroup_User

    IE versus FireFox

    Level 7
      The submenubars (InternetExplorer) lies on top of the homepage using MARGIN:
      0px;

      Changing the margin to: 216% 0px 0px -40%; I find the submenubars (by
      InternetExplorer) on the right place but FireFox and
      other browsers show it somewhere under the horizontal SpryMenuBar. You can
      see the effects here: http://bgst.internetcafe-kaufbeuren.de/

      Would you please help me in my problem, or could you give me a hint?
      Janis


        • 1. Re: IE versus FireFox
          Level 7
          Janis wrote:
          > The submenubars (InternetExplorer) lies on top of the homepage using MARGIN:
          > 0px;
          >
          > Changing the margin to: 216% 0px 0px -40%; I find the submenubars (by
          > InternetExplorer) on the right place but FireFox and
          > other browsers show it somewhere under the horizontal SpryMenuBar. You can
          > see the effects here: http://bgst.internetcafe-kaufbeuren.de/
          >
          > Would you please help me in my problem, or could you give me a hint?
          > Janis




          If you're saying that the submenubar is ok in Firefox and other browsers
          before you amend the margin css for IE then use an IE specific comment
          to feed IE some specific css.

          You would put the following in your page. It MUST be inserted after the
          css which causes IE to show the menu bar incorrectly placed.

          <!--[if IE 6]>
          <style>
          #submenbar {margin: 216% 0px 0px -40%}
          </style>
          <![endif]-->


          Change #submenubar to whatever you have named YOUR css selector which
          controls it.



          • 2. Re: IE versus FireFox
            Level 7
            Hi, thanks for your answer and I am sorry for my bad english expressions,
            I'll try it better:.

            I "constructed" my submenu with CS3 as a part of
            "SpryMenuBarHorizontal.css". And when I started the homepage in IE I found
            the submenu(s) on top of the screen. I had a look into the
            SpryMenuBarHorizontal.css an found MARGIN: 0px;

            I varied so often till I found the best solution in IE with changing the
            margin to: 216% 0px 0px -40%; The submenu was at an good place under the
            main spry-menu.

            So far so god.

            Then I had a look of my homepage in the FireFox and I found the submenu(s)
            in a big distance under the mainSprymenu.

            And now I am confused. I cant find the zero-position where the subsprymenu
            ist directly under the mainsprymenu.

            I found this hint:
            http://labs.adobe.com/technologies/spry/samples/menubar/MenuFromNestedData.html,
            but I didn't find the place where to command the MARGIN.

            Please have a look again to: http://bgst.internetcafe-kaufbeuren.de in IE
            and then in FF.

            ---
            Janis



            "Osgood" <notavailable@thisaddress.com> schrieb im Newsbeitrag
            news:ga63dj$9lc$1@forums.macromedia.com...
            > Janis wrote:
            >> The submenubars (InternetExplorer) lies on top of the homepage using
            >> MARGIN: 0px;
            >>
            >> Changing the margin to: 216% 0px 0px -40%; I find the submenubars (by
            >> InternetExplorer) on the right place but FireFox and
            >> other browsers show it somewhere under the horizontal SpryMenuBar. You
            >> can see the effects here: http://bgst.internetcafe-kaufbeuren.de/
            >>
            >> Would you please help me in my problem, or could you give me a hint?
            >> Janis
            >
            >
            >
            >
            > If you're saying that the submenubar is ok in Firefox and other browsers
            > before you amend the margin css for IE then use an IE specific comment to
            > feed IE some specific css.
            >
            > You would put the following in your page. It MUST be inserted after the
            > css which causes IE to show the menu bar incorrectly placed.
            > <!--[if IE 6]>
            > <style>
            > #submenbar {margin: 216% 0px 0px -40%}
            > </style>
            > <![endif]-->
            > Change #submenubar to whatever you have named YOUR css selector which
            > controls it.