#1
  1. No Profile Picture
    Contributing User
    Devshed Novice (500 - 999 posts)

    Join Date
    Sep 2006
    Posts
    660
    Rep Power
    36

    Looking for working Double Row CSS drop down menu bar that works on IE and Firefox.


    I am really stuck on this, can someone guide me to a tutorial or a working double row menu bar that works for both IE and Firefox. I have made several attempts on Spry and CSS but to no avail and no-one has been able to rectify it. Theres always something not going right on both browsers with the double row drop down menu bars I have attempted.

    The double row drop down menu bar looks like this:
    [menu1][menu2][menu3]
    [menu4][menu5][menu6]
    ............................[menu6a]
    ............................[menu6b]
    Last edited by rePete; December 30th, 2008 at 11:28 PM.
  2. #2
  3. Classical Computing
    Devshed Novice (500 - 999 posts)

    Join Date
    May 2008
    Location
    Melbourne, Australia
    Posts
    891
    Rep Power
    106
    rePete, where do you want the top line's drop-downs to appear? Over the top of the second line or down below both lines?
    Simple is beautiful.
  4. #3
  5. No Profile Picture
    Contributing User
    Devshed Novice (500 - 999 posts)

    Join Date
    Sep 2006
    Posts
    660
    Rep Power
    36
    Hey!

    Thanks for the response.
    Heres one I tried with CSS drop down menu bar.
    This one here, has similar problems. The submenu looks right in IE sort of as well, atleast not as bad in Firefox where the text for the submenu and positioning is all over the place. In IE, the submenu is underneath the menu buttons which makes it useless, because the submenu should be over the menu.
    link sample 1

    I tried to do one here with Spry,
    It looks right on Explorer but in Firefox, it has a massive gap where the submenu shows. Have a look at it on both IE and FF and you will see what I mean.
    link sample 2

    You can see what I am trying to do here.

IMN logo majestic logo threadwatch logo seochat tools logo