SELECT object overlapping DIV object

[Guest_imported]

hi,
I have a rollover popup menu bar common to all screens in my application. The popup menus are DIV objects . I find that if I am on a screen which has text or SELECT form elements and if I click on any menu bar option , the popup DIV object that appears, hides beneath these elements and surfaces again in the non-form element space on the screen . In IE this overlapping problem occurs only for SELECT object but in Netscape it occurs for both elements .
I have tried using layers for netscape but the problem persists.
I am using IE 5.0 and Netscape 4.75 .
Is there any Javascript workaround for this?
Begrateful if there is!
Thanks.

 

[iza]

this has been discussed here already. Try to perform a search, using for example "overlapping layers" to find the previous threads ... i *know* an answer has been given but i can't remember which, and i doin't have the time to search for you.

 

[jaredn]

there is no simple way to position elements over select boxes ( maybe in IE5.5 use createPopup or a beahvior). jared@aauser.com

 

[tanderso]

I don't believe there is any way, period. Form elements are always on top. That's an issue with the browsers. You just have to work around it by having your form elements and layers on different parts of the page.
Sincerely,

Tom Anderson
CEO, Order amid Chaos, Inc.

http://www.oac-design.com

 

[jaredn]

you can do it, using createPopup (IE5.5+) - also maybe with behaviors or scriptlets...check out:

http://msdn.microsoft.com/workshop/

for more details jared@aauser.com

 

[tanderso]

Jared, I don't know about you or this particular user, but most people want their solution to work across browsers, including IE4, let alone NS. Seeing as the question included the specific "IE 5.0 and Netscape 4.75", I don't think an IE5.5 solution is a good one. Better to just work around the problem by seperating the conflicting elements.
Sincerely,

Tom Anderson
CEO, Order amid Chaos, Inc.

http://www.oac-design.com

 

[jaredn]

Sorry mate, just trying to tell him what browser it does work in. Of course it is very important to support every browser.

Another option is hiding the offending form element before you show the div (should work in all DHTML browsers) jared@aauser.com

 

[Guest_imported]

Thankyou jared for that practical suggestion of yours! We will check it out.
As for rearranging form UI, its just not feasible at this point of time, we'll have to keep a note of this in future. Another viewpoint in the team was to have horizontal rather than vertical popup menus and thus seperate the form and menu parts totally .

Thanks everyone for addressing this problem even though it was towards the DHTML side. Thanks again!