layoring not right in IE?

dakota81 · Feb 17, 2005

I have a <div>...</div> element that is absolutely positioned and I want it to sit on the top of the screen. So yes it does sit above text, images, input boxes, checkboxes, etc. But it sits _behind_ select boxes in IE! Here is some sample code:

Code:

<html>
<body>
Testing
<select name="test">
 <option value="1">A</option>
 <option value="2">B</option>
</select>
<div style="position:absolute;top:0px;left:0px;width:250px;height:30px;background-color:orange;">
 Blah Blah Blah
</div>
</body>
</html>

The z-index property does nothing of use to help this out. Is there any other workaround?

dakota81 · Feb 17, 2005

Hmmm... according to google seems the only workaround is to set the select's visibility property to hidden through scripting when they overlap...

tsdragon · Feb 18, 2005

According to everything I've heard, that's true. It has to do with the fact that select boxes are a windows object.

Tracy Dryden

Meddle not in the affairs of dragons,
For you are crunchy, and good with mustard. [dragon]

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

layoring not right in IE?

dakota81

Technical User

dakota81

Technical User

tsdragon

Programmer

Similar threads

Part and Inventory Search

Sponsor