JavaScript Menu Appears Behind Server Control 2

[BoulderBum]

I link my page to a JavaScript template which has some drop-down menus for navigation. Everything works fine, except that when a menu overlaps my DropDownList, the DropDownList ends up being BEHIND the menu.

I tried having my DropDownList subscribe to a CSS class with a Z-INDEX of -2 to -5000, but that doesn't seem to help at all.

What can I do to make the menu stuff appear IN FRONT OF my DropDown?

 

[jemminger]

you can't - this is a well documented bug/feature in many browsers because of how the form elements are rendered by the OS.

what you can do is hide your form element when the menu is active, using something like

document.formname.fieldname.style.visibility = "hidden";



=========================================================
-jeff

http://www.jeffemminger.com

try { succeed(); } catch(E) { tryAgain(); }

 

[BoulderBum]

Darn.

Unfortunately, I don't have access to the script (I just link to it), so I guess I'm just hosed.

Your signature made me laugh.

 

[clarkin]

Here's pretty much the definitive article with examples:

http://www.webreference.com/dhtml/diner/seethru/

It boils down to: the OS creates them, not the browser. Solution- hide or reposition.

Jemminger, how about:
try { succeed(); } catch(E) { tryAgain(); } finally { blameNewGuy(); }

Posting code? Wrap it with code tags: [ignore]

[/ignore][code]CodeHere

[ignore][/code][/ignore].

 

[jemminger]

good one clarkin..."blameNewGuy()"

another solution: use Mozilla! v1.5 and Firebird 0.7 don't have this problem.


=========================================================
-jeff

http://www.jeffemminger.com

try { succeed(); } catch(E) { tryAgain(); }

 

[clarkin]

Yep, using Firebird 0.7 here
Have a look at

http://www.w3.org/Style/Examples/007/menus.html

and

http://www.w3.org/Graphics/PNG/inline-alpha.html

in IE vs Fb/NN - IE are really falling behind.

Will continue to have to use IE 6 for 'bad' sites like Tek-Tips that don't look right if they aren't rendered in IE quirks-mode.

They should fix their doctype, then fix all the wierd problems their old html causes (being in standards-mode)

Posting code? Wrap it with code tags: [ignore]

[/ignore][code]CodeHere

[ignore][/code][/ignore].

 

[jemminger]

>>>"Will continue to have to use IE 6 for 'bad' sites like Tek-Tips"
looks pretty much the same to me in firebird 0.7??


=========================================================
-jeff

http://www.jeffemminger.com

try { succeed(); } catch(E) { tryAgain(); }

 

[clarkin]

For me the main forum pages have each thread spaced out too much as compared to the same pages in IE (something to do with the images left of the thread subject going on top of each other instead of side-by-side). I could post a bit of a screeny from home to show you, perhaps.
At this point, I'm just putting up with it rather than swap back to IE for this site.

Another good feature in Firebird 0.7 that IE6 is lacking is switching between available stylesheets. Have a look at say

http://tantek.com/CSS/Examples/codeisfreespeech.html

In firebird there will be a little crayons icon at the very left of the status bar, click to choose different stylesheets

Posting code? Wrap it with code tags: [ignore]

[/ignore][code]CodeHere

[ignore][/code][/ignore].