IE6 Bug Workaround ?????

Just Me · Mar 28, 2008

Hi,

I know this is not an IE newsgroup. But im going to ask your opinion on
this. I have a customer who cannot change at this time from IE6. The
following form is a simple example of a problem which exists where Combo
Boxes do not appear to obey the z-index laws. In my example, the top div
contains a DDL, and on the button click, the bottom div is moved over it,
this should obscure the DDL, but it appears on the surface. This has been
fixed in IE7, but I need to find a solution in IE6 if possible as I need to
use draggable divs in the application, and i cant have one div apparently
slicing its way through another div and the DDL's it has on its surface.

Any help would be appreciated.

<%@ Page Language="C#" AutoEventWireup="true" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<head runat="server">
<script type="text/javascript" >

function moveDiv(){

var divBottom = document.getElementById('divBottom');
divBottom.style.top ="0px";
divBottom.style.left="50px";
divBottom.style.position="absolute";

}
</script>
</head>
<body>
<form id="form1" runat="server">

<div>

<asp

ropDownList ID="DropDownList1" runat="server"
style="position:relative;" Width="113px">
<asp:ListItem>Item 0</asp:ListItem>
</asp

ropDownList>

</div>

</div>

<div id="divBottom" style="position:absolute;top:500px;width: 215px;
height: 100px;background-color:green;">

</div>

<input id="Button1" type="button" value="Move"
style="position:absolute;top:200px" onclick="moveDiv()" /></div>

</form>
</body>
</html>

Guest · Mar 28, 2008

Hi,

I know this is not an IE newsgroup. But im going to ask your opinion on
this. I have a customer who cannot change at this time from IE6. The
following form is a simple example of a problem which exists where Combo
Boxes do not appear to obey the z-index laws. In my example, the top div
contains a DDL, and on the button click, the bottom div is moved over it,
this should obscure the DDL, but it appears on the surface. This has been
fixed in IE7, but I need to find a solution in IE6 if possible as I need to
use draggable divs in the application, and i cant have one div apparently
slicing its way through another div and the DDL's it has on its surface.

Any help would be appreciated.

<%@ Page Language="C#" AutoEventWireup="true" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<head runat="server">
<script type="text/javascript" >

function moveDiv(){

var divBottom = document.getElementById('divBottom');
divBottom.style.top ="0px";
divBottom.style.left="50px";
divBottom.style.position="absolute";

}

</script>
</head>
<body>
<form id="form1" runat="server">

<div>

<aspropDownList ID="DropDownList1" runat="server"
style="position:relative;" Width="113px">
<asp:ListItem>Item 0</asp:ListItem>
</aspropDownList>

</div>

</div>

<div id="divBottom" style="position:absolute;top:500px;width: 215px;
height: 100px;background-color:green;">

</div>

<input id="Button1" type="button" value="Move"
style="position:absolute;top:200px" onclick="moveDiv()" /></div>

</form>
</body>
</html>

Try to make it invisible.

Just Me · Mar 28, 2008

LOL

Thanks for that, i had already thought of doing that, but i wanted a better
solution.

Hi,

I know this is not an IE newsgroup. But im going to ask your opinion on
this. I have a customer who cannot change at this time from IE6. The
following form is a simple example of a problem which exists where Combo
Boxes do not appear to obey the z-index laws. In my example, the top div
contains a DDL, and on the button click, the bottom div is moved over it,
this should obscure the DDL, but it appears on the surface. This has been
fixed in IE7, but I need to find a solution in IE6 if possible as I need
to
use draggable divs in the application, and i cant have one div apparently
slicing its way through another div and the DDL's it has on its surface.

Any help would be appreciated.

<%@ Page Language="C#" AutoEventWireup="true" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<head runat="server">
<script type="text/javascript" >

function moveDiv(){

var divBottom = document.getElementById('divBottom');
divBottom.style.top ="0px";
divBottom.style.left="50px";
divBottom.style.position="absolute";

}

</script>
</head>
<body>
<form id="form1" runat="server">

<div>

<aspropDownList ID="DropDownList1" runat="server"
style="position:relative;" Width="113px">
<asp:ListItem>Item 0</asp:ListItem>
</aspropDownList>

</div>

</div>

<div id="divBottom" style="position:absolute;top:500px;width: 215px;
height: 100px;background-color:green;">

</div>

<input id="Button1" type="button" value="Move"
style="position:absolute;top:200px" onclick="moveDiv()" /></div>

</form>
</body>
</html>

Try to make it invisible.

Guest · Mar 28, 2008

LOL

Thanks for that, i had already thought of doing that, but i wanted a better
solution.

Well, this is a well known issue with the IE 6 and combo-box will be
always over. You may try another approach with an iframe exactly over
the div. See more http://www.codeproject.com/KB/dotnet/Overlapping.aspx

Guest · Mar 28, 2008

Well, this is a well known issue with the IE 6 and combo-box will be
always over. You may try another approach with an iframe exactly over
the div. See morehttp://www.codeproject.com/KB/dotnet/Overlapping.aspx

or maybe try this http://shepherdweb.com/2007/02/14/z-index-ignored-for-select-element-in-ie-6-workaround/

it does the same using CSS only

bruce barker · Mar 28, 2008

there are two solutions to this:

1) make the <select>'s hidden.
2) use a "floating" iframe instead of a div. an iframe because its a
seperate window can be on top of a <select>. javascript can copy the div
inner html to the iframe's document.

-- bruce (sqlwork.com)

Just Me · Mar 29, 2008

Thanks 2 all for your replies.

1.) Hiding is definately an option to consider, and Is probably what I'll
end up doing.

2.) Using an iframe complicates matters, because I wanted the functionality
to be part of the same page/form. Im not sure if i can trigger a postback
from the document in the IFRAME on the host page. I know ive done it in the
past, but newer security measures may prevent this now ?

I keep repeadetly hitting issues with explorer day after day after day,
while with firefox, its not perfect but it seems to work so much more
robustly and seems to conform much better to css.

Ahh well, onwards and upwards.

Again - Thanks to everyone.

Just Me · Mar 29, 2008

Thanks Alexy.

I think ill just hide it.

Best regards and thank you.

Well, this is a well known issue with the IE 6 and combo-box will be
always over. You may try another approach with an iframe exactly over
the div. See morehttp://www.codeproject.com/KB/dotnet/Overlapping.aspx

or maybe try this
http://shepherdweb.com/2007/02/14/z-index-ignored-for-select-element-in-ie-6-workaround/

it does the same using CSS only

I am trying to detect Which image id="" was clicked ?	22	Jan 3, 2023
Style sheet question	3	May 24, 2012
Help with code	0	Jun 12, 2022
Why is the border on top much wider	0	Nov 12, 2011
The code behind file seems to work very strange	2	Dec 15, 2010
All CRUD operations work except POST. Why?	2	May 28, 2023
SVG not full width and space	0	Sep 15, 2023
Data Entery Webpage with tables	11	Oct 25, 2008

IE6 Bug Workaround ?????

Just Me

Guest

Just Me

Guest

Guest

bruce barker

Just Me

Just Me

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads