Support » Your WordPress » CSS DropDown Menu Problem – Below main page

  • Resolved crawf

    (@crawf)


    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..

    http://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.

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

    -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.

    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

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

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

    -Crawf

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

    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.

    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.

    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.