CSS IE issue

aerotops · Mar 9, 2006

Hi,
I have a form with multiple fields (textfields, drop downs etc.) I am
using CSS to pop up a box with an explanation for that field when a
particular field has focus. I am using layers (div tags) and the
z-index to do this. All is fine on Firefox. But on IE, when the pop up
box is over a drop down field, the drop down field is superimposed over
the pop up box which does not look good. Its works fine for text fields
etc. Is anyone aware of this issue and how I might correct it?
Thanks,
Harsh.

BootNic · Mar 9, 2006

aerotops said:
Hi,
I have a form with multiple fields (textfields, drop downs etc.) I
am using CSS to pop up a box with an explanation for that field
when a particular field has focus. I am using layers (div tags) and
the z-index to do this. All is fine on Firefox. But on IE, when the
pop up box is over a drop down field, the drop down field is
superimposed over the pop up box which does not look good. Its
works fine for text fields etc. Is anyone aware of this issue and
how I might correct it?

You could hide the select.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript">
function tellerror(msg, url, lnn){
alert('Error message= '+msg+'\nURL= '+url+'\nLine Number= '+lnn)
return true
}
window.onerror=tellerror
</script>
<script type="text/javascript">
function blip(b){
var a = document.getElementsByTagName('select');
for (var i=0, j=a.length; i<j; i++) {
a.style.visibility=(a.style.visibility=='hidden')?
'':'hidden';
}
b.childNodes[0].data=(b.childNodes[0].data=='hide')?'show':'hide';
}
</script>
<title></title>
</head>
<body>
<form action="javascript:void(this)">
<select>
<option>
one
</option>
<option>
two
</option>
<option>
three
</option>
</select>
</form>
<div style=
"width:200px;height:200px;position:absolute;top:0;left:25px;background-color:red;">
<p style="text-align:right;"><button onclick=
"blip(this)">hide</button></p>
</div>
</body>
</html>

Or you could use an Iframe

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
</head>
<body>
<form action="javascript:void(this)">
<select>
<option>
one
</option>
<option>
two
</option>
<option>
three
</option>
</select>
</form><iframe style=
"width:200px;height:200px;position:absolute;top:0;left:25px;"></iframe>
</body>
</html>

--
BootNic Thursday, March 09, 2006 3:40 PM

It's not that some people have willpower and some don't. It's that
some people are ready to change and others are not.
*James Gordon*

RobG · Mar 9, 2006

aerotops said:
Hi,
I have a form with multiple fields (textfields, drop downs etc.) I am
using CSS to pop up a box with an explanation for that field when a
particular field has focus. I am using layers (div tags) and the
z-index to do this. All is fine on Firefox. But on IE, when the pop up
box is over a drop down field, the drop down field is superimposed over
the pop up box which does not look good. Its works fine for text fields
etc. Is anyone aware of this issue and how I might correct it?

A well known issue, BootNic's suggested iFrame solution seems more
popular. There is a discussion here:

<URL:http://weblogs.asp.net/bleroy/archive/2005/08/09/422047.aspx>

Jonas Raoni · Mar 12, 2006

aerotops said:
But on IE, when the pop up
box is over a drop down field, the drop down field is superimposed over
the pop up box which does not look good. Its works fine for text fields
etc. Is anyone aware of this issue and how I might correct it?

You can:
- Create your div inside an iframe
- Hide the control when showing the div
- Leave the tooltip out the input area =b

Working on mobile css menu with plenty of frustration!	2	Dec 29, 2022
How to position the tooltip comment on these buttons?	9	Nov 4, 2023
Why does IE8/9 not pick up my css?	15	Dec 11, 2012
Strange IE issue	6	Mar 26, 2008
Scrolling Issue	0	Sep 8, 2008
Scrolling Issue	4	Sep 8, 2008
IE AJAX Issue..	6	Apr 11, 2007
Dropdown Issue in IE with Dynamically Populated SELECT Field (Bug??)	3	Jul 20, 2005

CSS IE issue

aerotops

BootNic

RobG

Jonas Raoni

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads