IE6 Bug Workaround ?????

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

Just Me - 28 Mar 2008 21:46 GMT

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:DropDownList ID="DropDownList1" runat="server"
style="position:relative;" Width="113px">
<asp:ListItem>Item 0</asp:ListItem>
</asp:DropDownList>

</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>

Reply to this Message

Alexey Smirnov - 28 Mar 2008 22:14 GMT

> Hi,
>
[quoted text clipped - 56 lines]
> </body>
> </html>

Try to make it invisible.

Reply to this Message

Just Me - 28 Mar 2008 22:17 GMT

LOL

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

On Mar 28, 9:46 pm, "Just Me" <news.microsoft.com> wrote:

> Hi,
>
[quoted text clipped - 57 lines]
> </body>
> </html>

Try to make it invisible.

Reply to this Message

Alexey Smirnov - 28 Mar 2008 22:45 GMT

> 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

Reply to this Message

Alexey Smirnov - 28 Mar 2008 22:51 GMT

> > LOL
>
[quoted text clipped - 4 lines]
> 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-wor
karound/

it does the same using CSS only

Reply to this Message

Just Me - 29 Mar 2008 01:08 GMT

Thanks Alexy.

I think ill just hide it. :)

Best regards and thank you.

> On Mar 28, 10:17 pm, "Just Me" <news.microsoft.com> wrote:
>
[quoted text clipped - 7 lines]
> 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-wor
karound/

it does the same using CSS only

Reply to this Message

bruce barker - 28 Mar 2008 23:32 GMT

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)

> Hi,
>
[quoted text clipped - 55 lines]
> </body>
> </html>

Reply to this Message

Just Me - 29 Mar 2008 01:08 GMT

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.

> there are two solutions to this:
>
[quoted text clipped - 65 lines]
>> </body>
>> </html>

Reply to this Message

Rate this thread:

IE6 Bug Workaround ?????

Free Magazines