Preserved Topic: iframes + z-index (Page 1 of 1) $Pages that link to <a href="https://ozoneasylum.com/backlink?for=18419" title="Pages that link to Preserved Topic: iframes + z-index (Page 1 of 1)" rel="nofollow" >Preserved Topic: iframes + z-index <span class="small">(Page 1 of 1)</span>\$

Hugh Paranoid (IV) Inmate From: Dublin, Ireland Insane since: Jul 2000	posted 08-28-2002 22:57 My next icklepix design uses iframes, due to the fact that with the other bits and things the dhtmlscrolllbar I made runs way too slow on like any machine. But anyway my question is: Does IE6 havea problem with layers over an iframe. At home (IE5.5) it all looks perfect, the z-indices are fine , but in the net cafe where I work, the iframe is on top of everything else regardless, over input boxes in particular in the cafe IE6 + IE5.01 are used, both have this crappy problem. I dont get it perosnally, why would it work on one version of IE ? oh yea, this might help: IE5.01 Win2kpro - doesnt work. IE6 - win98 - doesnt work. IE5.5 - win98 - works fine.
DocOzone Maniac (V) Lord Mad Scientist Sovereign of all the lands Ozone and just beyond that little green line over there... From: Stockholm, Sweden Insane since: Mar 1994	posted 08-28-2002 23:20 I've had problems with both IE5.0 and IE5.5 specifying the z-index of <iframe>s, I don't believe there's much that can be done about that. I had several functions in my last project where I needed to hide an iframe behind another layer, but what I ended up doing instead was hiding it off the left edge of the screen instead. (From the viewers perspective, there was no difference.) My take is this: it's a bug, and you can't do anything about it. Choose a workaround and move on. Your pal, -doc-
hecster2k Nervous Wreck (II) Inmate From: sj, ca, usa Insane since: Feb 2002	posted 08-28-2002 23:35 i was under the impression that iframes take precedence over other objects in general? I had to use an iFrame inside a div on a previous project just to get the div to be able to overlay select boxes.... "there has to be a solution."
Hugh Paranoid (IV) Inmate From: Dublin, Ireland Insane since: Jul 2000	posted 08-29-2002 00:37 Doc: As I suspected. Thats kinda crappy for me, I doubt theres any workaround for what I need, I wanted an iframe to have a sort of rounded edge (by simple sticking images on the corners) and then more importantly , input boxes to fly in and out over the iframe. A workaround would be 1. a lot of work 2. wouldnt look half as fancy. Ah well, back to the drawingboard/wacom/mouse What if after the page was loaded I specified its z-index, anychance this would make IE "cop on" so to speak ? Damnit , those inputs looked great. "grrrr" [This message has been edited by Hugh (edited 08-29-2002).]
mr.maX Maniac (V) Mad Scientist From: Belgrade, Serbia Insane since: Sep 2000	posted 08-29-2002 08:20 More information about this subject: http://www.webreference.com/dhtml/diner/seethru/
DocOzone Maniac (V) Lord Mad Scientist Sovereign of all the lands Ozone and just beyond that little green line over there... From: Stockholm, Sweden Insane since: Mar 1994	posted 08-29-2002 18:36 Oh Max, that's an awesomely useful link, thanks! (bookmark) Your pal, -doc-
psych3 Nervous Wreck (II) Inmate From: Australia Insane since: Feb 2001	posted 08-29-2002 23:21 This works for me on IE6 and IE5.5 and NS7, but note that IE5 and lower doesnt support a windowless iframe so z-index stacking wont work in those version browsers <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>IFRAME Z Index Test</title> </head> <body> <div id="Layer1" style="position:absolute; width:499px; height:278px; z-index:4; left: 109px; top: 19px; background-color: #0099CC; layer-background-color: #0099CC; border: 1px none #000000;"></div> <iframe src="eddie.html" name="Frame1" id="Frame1" width="400" height="400" style="position:absolute; top:20px; left:50px; z-index:3; "></iframe> </body> </html> ---------------------- Eddie Traversa DHTML NIRVANA Multiple Award Winning Sites Macromedia Resources & Various Other Goodies. http://www.dhtmlnirvana.com/ -------------------------- Dynamic XHTML Developers Guide Currently being written by Jeff Rouyer and little ol me Let you know about a firm release date as soon as I know. -----------------------------

Preserved Topic: iframes + z-index (Page 1 of 1) $Pages that link to <a href="https://ozoneasylum.com/backlink?for=18419" title="Pages that link to Preserved Topic: iframes + z-index (Page 1 of 1)" rel="nofollow" >Preserved Topic: iframes + z-index <span class="small">(Page 1 of 1)</span>\$

Hugh
Paranoid (IV) Inmate

From: Dublin, Ireland
Insane since: Jul 2000

posted 08-28-2002 22:57

My next icklepix design uses iframes, due to the fact that with the other bits and things the dhtmlscrolllbar I made runs way too slow on like any machine.
But anyway my question is:
Does IE6 havea problem with layers over an iframe.

At home (IE5.5) it all looks perfect, the z-indices are fine , but in the net cafe where I work, the iframe is on top of everything else regardless, over input boxes in particular in the cafe IE6 + IE5.01 are used, both have this crappy problem. I dont get it perosnally, why would it work on one version of IE ?

oh yea, this might help:
IE5.01 Win2kpro - doesnt work.
IE6 - win98 - doesnt work.
IE5.5 - win98 - works fine.

DocOzone
Maniac (V) Lord Mad Scientist
Sovereign of all the lands Ozone and just beyond that little green line over there...

From: Stockholm, Sweden
Insane since: Mar 1994

posted 08-28-2002 23:20

I've had problems with both IE5.0 and IE5.5 specifying the z-index of <iframe>s, I don't believe there's much that can be done about that. I had several functions in my last project where I *needed* to hide an iframe behind another layer, but what I ended up doing instead was hiding it off the left edge of the screen instead. (From the viewers perspective, there was no difference.) My take is this: it's a bug, and you can't do anything about it. Choose a workaround and move on.

Your pal, -doc-

hecster2k
Nervous Wreck (II) Inmate

From: sj, ca, usa
Insane since: Feb 2002

posted 08-28-2002 23:35

i was under the impression that iframes take precedence over other objects in general? I had to use an iFrame inside a div on a previous project just to get the div to be able to overlay select boxes....

"there has to be a solution."

Hugh
Paranoid (IV) Inmate

From: Dublin, Ireland
Insane since: Jul 2000

posted 08-29-2002 00:37

Doc: As I suspected.

Thats kinda crappy for me, I doubt theres any workaround for what I need, I wanted an iframe to have a sort of rounded edge (by simple sticking images on the corners) and then more importantly , input boxes to fly in and out over the iframe. A workaround would be 1. a lot of work 2. wouldnt look half as fancy.

Ah well, back to the drawingboard/wacom/mouse

What if after the page was loaded I specified its z-index, anychance this would make IE "cop on" so to speak ?

Damnit , those inputs looked great.

"grrrr"

[This message has been edited by Hugh (edited 08-29-2002).]

mr.maX
Maniac (V) Mad Scientist

From: Belgrade, Serbia
Insane since: Sep 2000

posted 08-29-2002 08:20

More information about this subject: http://www.webreference.com/dhtml/diner/seethru/

DocOzone
Maniac (V) Lord Mad Scientist
Sovereign of all the lands Ozone and just beyond that little green line over there...

From: Stockholm, Sweden
Insane since: Mar 1994

posted 08-29-2002 18:36

Oh Max, that's an *awesomely* useful link, thanks! (bookmark)

Your pal, -doc-

psych3
Nervous Wreck (II) Inmate

From: Australia
Insane since: Feb 2001

posted 08-29-2002 23:21

This works for me on IE6 and IE5.5 and NS7, but note that IE5 and lower doesnt support a windowless iframe so z-index stacking wont work in those version browsers

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>IFRAME Z Index Test</title>
</head>
<body>
<div id="Layer1" style="position:absolute; width:499px; height:278px; z-index:4; left: 109px; top: 19px; background-color: #0099CC; layer-background-color: #0099CC; border: 1px none #000000;"></div>
<iframe src="eddie.html" name="Frame1" id="Frame1" width="400" height="400" style="position:absolute; top:20px; left:50px; z-index:3; "></iframe>
</body>
</html>

----------------------
Eddie Traversa
DHTML NIRVANA
Multiple Award Winning Sites
Macromedia Resources & Various Other Goodies.
http://www.dhtmlnirvana.com/
--------------------------
Dynamic XHTML Developers Guide
Currently being written by Jeff Rouyer and little ol me
Let you know about a firm release date as soon as I know.
-----------------------------