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