dropboxes always on top

T

tom robertson

how do you make something sit infront of drop boxes in
frontpage?

I have a floating window that pops up on user's arrival
however the drop boxes on the form underneath seem to
float on top of this.

any ideas?

thanks, Tom
 
C

Cowboy \(Gregory A. Beamer\) [MVP]

To be 100% sure, in all browsers, put the different objects into layers and
set the Z order. Form elements are designed to float to the top, by default.
You can also set Z-order in CSS or DHTML. FrontPage can help with the CSS,
especially v. 2003 and somewhat with the DHTML.

--
Gregory A. Beamer
MVP; MCP: +I, SE, SD, DBA

************************************************
Think Outside the Box!
************************************************
 
J

Jon Spivey

Tom,

I'd like to see this - can you post up a url to the offending page?
Dropdowns will appear on top of flash movies or positioned divs (layers) -
there's a fix for both issues - but it sounds like you're just using a
standard javascript popup window.
 
J

Jon Spivey

No. Dropdowns will always be on top - they ignore z-index. For example
consider this code
<div style="position: absolute; width: 200px; z-index: 100; left: 10px; top:
10px; background-color: #f00" id="layer1"></div>
<div style="position: absolute; width: 200px; z-index: 1; left: 10px; top:
10px" id="layer2">
<select size="1" name="D1"><option>something</option></select>
</div>

The div(layer) with the dropdown has a lower z index but it's still on top.
There would be no way to write the code above such that the dropdown is
underneath - which makes sense, why put a dropdown on a page if you don't
want to see it. In the real world this issue might arise if you have a
dropdown on a page that has some kind of DHTML menu - when the menu appears
the dropdown still shows through - the only answer would be to hide the
dropdown when the menu is visible.
 
T

tom robertson

This was exactly my problem

hiding the dropdown when the internal pop up (dhtml) is
visible seems the best solution. how exacly do i go about
doing this?

thanks,

tom
PS - Jon, i'm keen not to change the dhtml pop up menu
for a separate window popup as this will mean I have to
send out an extra file to users.
-----Original Message-----
No. Dropdowns will always be on top - they ignore z- index. For example
consider this code
<div style="position: absolute; width: 200px; z-index: 100; left: 10px; top:
10px; background-color: #f00" id="layer1"></div>
<div style="position: absolute; width: 200px; z-index: 1; left: 10px; top:
10px" id="layer2">
<select size="1"
Click to expand...
 
Top