 CSS Drop-Down Menus Disappear Behind Tabs, CSS Drop-Down Menus Disappear Behind Tabs |
 |
 |
  |
| MikeF |
 Aug 24 2008, 06:33 PM
Post
#1
|
|
Member Group: Members Posts: 17 Joined: 29-December 07 Member No.: 5,894  |
I have some CSS Drop down menues in topmenu.php based on "Son of Suckerfish". Some of the drop-downs are long.
On the pages geneated by getperson.php, the drop downs disappear behind the tabs "Individual, Ancestors, Predecessors ..." and then re-appear after the tab. Is there a way I can make the menus appear on top of the tabs and not be occluded by them? Mike www.americanlineage.org |
   |
 
|
| theKiwi |
Aug 24 2008, 07:44 PM
Post
#2
|
|
Advanced Member Group: Administrators Posts: 1,799 Joined: 20-February 03 From: Caledonia, Michigan, USA Member No.: 67 |
It's probably something to do with a thing called "z-index" <http://www.w3schools.com/Css/pr_pos_z-index.asp> which determines the layering of objects.
You'll need to change the z-index value of your menus so that they go over the top of the TNG menus. Roger |
 |
|
| MikeF |
Aug 28 2008, 05:48 PM
Post
#3
|
|
Member Group: Members Posts: 17 Joined: 29-December 07 Member No.: 5,894 |
It doesn't appear to be the z-index. I wrote some sample code with my .css sheet for the page and was sure that I could hide behind a pciture (or be in front of it) by adjusting the z-index. Then I set the z-index high and moved the file onto the web site.
The same problem occurs -- the drop-down menu is hidden behind the tabs when it drops down past the top of them. Any further suggestions? Mike |
|
|
|
| Ken Roy |
Aug 28 2008, 06:04 PM
Post
#4
|
|
Advanced Member Group: Members Posts: 1,993 Joined: 12-October 05 From: Plano, TX Member No.: 645 |
QUOTE(MikeF @ Aug 28 2008, 06:48 PM)  It doesn't appear to be the z-index. I wrote some sample code with my .css sheet for the page and was sure that I could hide behind a pciture (or be in front of it) by adjusting the z-index. Then I set the z-index high and moved the file onto the web site. The same problem occurs -- the drop-down menu is hidden behind the tabs when it drops down past the top of them. Any further suggestions? Mike Mike, It works fine in Mozilla FireFox 2.0 and SeaMonkey. It is only an issue on IE 7, likely because they are not following the standard, but I could be wrong since I am not an IE user. I did not try Safari or Opera. |
|
|
|
| MikeF |
Aug 28 2008, 06:34 PM
Post
#5
|
|
Member Group: Members Posts: 17 Joined: 29-December 07 Member No.: 5,894 |
Oh! Nevermind. I added the wrong file.
You are right - it was the z-index! Mike |
|
|
|
|
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:
|
Lo-Fi Version | Time is now: 3rd September 2010 - 05:07 AM |
Invision Power Board
v2.1.7 © 2010 IPS, Inc.
Licensed to: Gustave Dahl, SimplyHosting.net