Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.

    • CommentAuthorgagi
    • CommentTimeJul 15th 2006
     permalink
    Hi,

    I'm having some IE issues whit a drop-down menu (FF works great). The problem is; when the menu gets over my <h1> it closes my sub-menus. Please take a look at my page...

    http://www.dragan.ca/bmm/2/

    Put your mouse on the "Mugs" button, and then follow the links "Activities", "Anniversary", "Sports" - it breaks at "Seasons". However, if you try the "Frames" button it works because it's not in contact whit my <h1> ("About Us - Test for IE"). As I said before, FF works fine.

    Any idea what the problem might be, or how to fix it?

    Thanks
    G.
  1.  permalink
    There could be a couple reasons...

    1) Is the h1 z-indexed on top of the menu?
    2) When you designed your PHP page, did you design it so that the menu came after the main content, yet you positioned it on top via CSS?

    Try fixing one of those. I don't really know what's going on.
    • CommentAuthorgagi
    • CommentTimeJul 18th 2006
     permalink
    Thanks, Mr. Bubbles :)

    I tried the z-index even before I posted the question, but it didn't work out for me. This is a simple HTML page (no PHP yet), so the menu should load before the rest of the page (<h1>) - and FF works fine.

    I'll take another fresh look at my code.

    Thanks anyways!
    •  
      CommentAuthorpremii
    • CommentTimeJul 18th 2006
     permalink
    Its not H1 that causing this problem, If you remove H1, "Frames" button breaks too. So most likely its javascript issue.
    •  
      CommentAuthorpremii
    • CommentTimeJul 18th 2006
     permalink
    Apply background color to inner most list that contains menu items (ex. Activities Anniversary Sports Seasons Familly )


    #menu li ul{background:#fff;}
    • CommentAuthorgagi
    • CommentTimeJul 18th 2006 edited
     permalink
    Thanks, Premii! I'm new to this CSS game, so if you see something that I'm doing wrong.. let me know :)

    Btw.
    I'm troubleshooting my problem as we speak, I don't think it's a JS issue ... but, not sure about that. I'm using http://www.seoconsultants.com/css/menus/horizontal/ for my drop-down menu. Looks ok on their website.

    What version of IE are you using? My IE 6, SP2, doesn't break the "Frames" button. Anybody else?
    •  
      CommentAuthorpremii
    • CommentTimeJul 18th 2006
     permalink
    gagi,

    if you remove H1 title thn Frames button brakes, otherwise Frames works fine.

    add this follwing css rule and it will fix the issue.

    #menu li ul{background:#fff;}
    • CommentAuthorgagi
    • CommentTimeJul 19th 2006
     permalink
    Premii, you dA man :) I didn't realize the first time that you found the solution.

    Hm, I never thought by adding a background color it might fix the problem.

    Thank you!
Add your comments
    Username Password
  • Format comments as (Help)