Hi folks.

I am trying to create a draggable floating div on certain pages, (which in effect looks and behaves like a window within the browser window). This all works fine except for one thing.

The background html doc has a form (which the popup window floats over the top of). The div covers / hides all of the elements on this form fine except for the selection box (it goes behind this - the selection box always appearing on top). I've tried fiddling around with the z-index parameters, but this has no effect.

Frustratingly, it works fine in Netscape 7, it's only Internet Explorer 6 that I'm having the trouble with. Anyone got any ideas as to what I might be doing wrong, or is this a "feature" of Microsofts browser....

See here for an example...
http://www.iainbyoung.co.uk/test.htm

Thanks for your help,
Iain


[Edited by Iain Young - 1/13/2003 5:21:02 PM]

I seem to recall this is a 'feature'. One of our DHTML web apps using DHTML menus resorts to making all the troublesome elements non-visible while a menu is visible, although I guess this isn't an option for what you're doing.

Iain,

Only thing I can see is that the drop down doesnt have a name/id, your code shows:

<form>
<select>
<option id="wibble">wibble</option>
<option>spam</option>
</select>

try:
<form>
<select id="test">
<option value=wibble>wibble</option>
<option value=spam>spam</option>
</select>

you might also want to give the form a name as well.

HTH

Gary

Thanks Andrew, I was afraid that might be the case. Perhaps I can do something sneaky like hide the selection box and replace it with a graphic (which looks like a disabled selection box) when the floating window is open. Not nice, but might be necessary.

Cheers,
Iain

Thanks Gary, but it makes no diffeence (the example is just a quick one I knocked up. The actualy page has all this defined ok and it still doesn't work).

Iain