I have created a website, and in the registration form i have a DIV tag which popups up when you place the mouse icon over the register button. I have a select tag as well to select the options from. I have set the z-index of the div tag to 1000 but for some reason on Internet explorer, the select box still is on top and is not the case with firefox.
If you want to check out, go to http://www.sentosajaipur.com, click on Login and then click on Signup.
Thankyou.
2006-08-29 03:19:14 · 6 answers · asked by Manish 5 in Computers & Internet ➔ Programming & Design
tried all these hacks but for some reason it didn't work for me. Anyways, i found that the problem is only with internet explorer 6 and earlier. Tried in IE7 beta, everything works fine. So i'll just leave it as is.
2006-08-30 07:52:58 · update #1
Select boxes always appear on top of everything in Internet Explorer. It's a bug.
There are some Hacks and work arounds for it
More info:
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/objects/select.asp
"From Internet Explorer 5 to Internet Explorer 6, This element is a windowed control and does not support the z-index attribute or zIndex property."
A hack:
http://www.hedgerwow.com/360/bugs/css-select-free.html
another explaination of the hack:
http://www.macridesweb.com/oltest/IframeShim.html
2006-08-29 03:28:30 · answer #1 · answered by Anonymous · 0⤊ 0⤋
I don't see any problems with your website. I'm using Internet Explorer Version 7 Beta 2. It's much better than the older versions.
I advise against using hacks, there are always other solutions.
2006-08-29 17:19:08 · answer #2 · answered by DianeD 4 · 0⤊ 0⤋
the problem comes from IE interface not CSS - the select box is part of the browser built-in feature so I don't think you can get around this.
Have you tried adding a z-index to the select tag by any chance?
2006-08-29 10:23:44 · answer #3 · answered by le_gber 3 · 0⤊ 0⤋
The problem is most likely related to IE not understanding position fixed... see the below link for info and work arounds
http://www.howtocreate.co.uk/fixedPosition.html
2006-08-29 10:28:59 · answer #4 · answered by Steve 2 · 0⤊ 0⤋
Use the margin-top attribute for making it work on IE. For the mouse over and mouse out event use this code
OnMouseOver- this.style.visibility=visible
OnMouseOut- this.style.visibilty=hidden
2006-08-29 10:27:29 · answer #5 · answered by ash_m_79 6 · 0⤊ 0⤋
same here no problem with your website when surfing with ie.
2006-08-30 04:03:52 · answer #6 · answered by pol.b 2 · 0⤊ 0⤋