CSS DropDown Menu Problem – Below main page

  • Resolved crawf

    (@crawf)


    18 years, 11 months ago

    Hi all

    I’ve managed to put a CSS drop down navigation menu on my blog, but there seems to be some problems…when the contents of the menu drop down, they appear below the main page content.

    You can see what i mean here..

    https://www.rivercitylife.org.au/testing/

    If anyone could shed some light on this i would be most thankful ??

    -Josh

Viewing 12 replies - 1 through 12 (of 12 total)

  • z-index: 1; in .menu{} does the trick. It tells the browser to display it “higher” in the stack of elements on your page.

    Thread Starter crawf

    (@crawf)

    where would i put this? sorry, im a bit dumb lol…

    -Crawf

    Thread Starter crawf

    (@crawf)

    okay, well i put that into the css for the menu, but it did nothing…damn! any other ideas? this is pretty much killing me…

    -Crawf

    Working fine for me; you’ve put it in the right place. IE is failing though, but it apparently supports it. Try bumping the number up, that should do the trick.

    Thread Starter crawf

    (@crawf)

    hmmm, well i changed the number value from 1 to 20, but it still didnt work…just to make sure i donwloaded firefox, and that displayed it perfectly…so its obviously a IE problem…

    Do you know about getting around it?

    -Crawf

    Thread Starter crawf

    (@crawf)

    i stumbled upon this article…seems like IE doesnt like z-index much…

    https://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html

    -Crawf

    #main {z-index: -1;} should sort IE out

    Thread Starter crawf

    (@crawf)

    Hey! thanks a lot for that! that did the trick great!! thanks a lot you saved me a great headache!

    -Crawf

    Sorry I forgot to test that in Firefox as well. Add #container > #main {z-index: 0;} and .menu {z-index: 1;} to your code otherwise anyone not using IE is just going to see a nearly blank page.

    Thread Starter crawf

    (@crawf)

    awesome! works great ?? thanks a lot for your help! its GREATLY appreciated!

    -Crawf

    Sorry to inform you, but whatever that did to your site messed up the layout in FF.
    The menus are all askew and it seems like the browser randomly placed stuff all over your page.

    Thread Starter crawf

    (@crawf)

    Yes, ive noticed this…im trying to fix it up…

    have any ideas?

    -Crawf

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘CSS DropDown Menu Problem – Below main page’ is closed to new replies.