| Post |
|
New Member | jeff posts 4 1:47 am March 10, 2009
| |
|
|
Hello all. Have a problem I need a bit of help with. So I have integrated several forms into pages across my site. The problem is I have a drop down java navigation bar along the bottom of my header. When I am viewing a page with a form and I hover over the drop down menu, the munu is displayed behind (or under) the form and can't be used correctly.
Note this only happens in IE6. I know IE6 blows, but unfortunately most of my users use computers at work which only have IE6 so I'd like to make this functional for them.
I'm sure this is a z-index issue, but I'm not sure where to make the changes. Tried a couple hacks I found online to no avail. Wondering if there are CSS elements in the plug-in I should mess with?
Any thoughts?
Thanks
|
|
|
Admin
| Oliver Munich, Germany posts 6237 7:46 am March 10, 2009
| |
|
|
jeff said:
Hello all. Have a problem I need a bit of help with. So I have integrated several forms into pages across my site.
what site?
The problem is I have a drop down java navigation bar along the bottom of my header. When I am viewing a page with a form and I hover over the drop down menu, the munu is displayed behind (or under) the form and can't be used correctly.
sounds like an incompatiblity with your javascript menu.
Note this only happens in IE6. I know IE6 blows, but unfortunately most of my users use computers at work which only have IE6 so I'd like to make this functional for them.
I'm sure this is a z-index issue,
not necessarily, IE is full of surprises
but I'm not sure where to make the changes.
neither am I.
Tried a couple hacks I found online to no avail. Wondering if there are CSS elements in the plug-in I should mess with?
Any thoughts?
A URL to begin with would help…
Thanks
|
|
|
|
|
New Member | jeff posts 4 11:57 pm March 10, 2009
| |
|
|
Okay Oliver
URL is: utsw dot comze dot com
hopes this helps.
Cheers
Jeff
|
|
|
Moderator
| Paul Amsterdam, NL posts 421 11:56 am March 11, 2009
| |
|
|
Not trying to steal this thread from Oliver , but let me take a stab at it:
Adding the below to your style.css may help.
#nav li ul.children { z-Index:999; }
|
|
|
|
|
New Member | jeff posts 4 10:16 pm March 11, 2009
| |
|
|
Well made the changes, but didn't work. That was a good thought though.
Never mind the above. It did work ecept you'll notice the drop still defauts to "under" when hovering over a select box field. Hmm?
|
|
|
Moderator
| Paul Amsterdam, NL posts 421 5:03 pm March 12, 2009
| |
|
|
Quite odd. Because when I applied the CSS locally (IE Developrt Tool) it looked good.
Also, i just checked your site and it seems it is indeed working, except it's not hovering on top of the drop down box – which I believe is a IE6 issue.
I suggest moving the drop down further below in your form.
P.
|
|
|
|
|
Guest
| Jeff 8:06 pm March 12, 2009
| |
|
|
What you said is correct Paul. It did work except for the drop down box. Didn't know that was an IE6 issue. gotta hate IE. Trying to get the IT dept. to upgrade without luck. I thought aobut moving the select box down in the form to prevent it but wanted to check if there was a fix first . Thanks for the timely tech support.
|
|