Layers/GetElementByID/Z-index -:NETSCAPE

[loupgarou]

Ok:

have a look at this website I am making

http://www.tds-illuminati.f2s.com/test/index.htm
http://www.tds-illuminati.f2s.com/test/index.htm

Under IE, the page looks fine,

under netscape 6, the POPUP layers (ie: DIV elements that have been set visible) goes under the IFRAME.

I can't figure out how to set fix it for netscape which imho a piece of junk

for that matter z-index (Higher numbers mean you're on top right)

[Marlboro]

IFRAME and ILAYERS will always be on top for NS- this is an API that exists in ns browsers. Just like some form field elements will 'bleed' thru DIVs (in ie and ns).

I would recommend that you dont use IFRAMES and use just a standard DIV with scroll set to auto. You can use innerHTML and innerText to update the div in both UAs. (no ns4.x support thou)

IFRAMES didnt make it into the w3c recommendation for xhtml, but ns6 is supporting it anyway. Stay standard, stay happy.


here is a list off the top of my head of item that will most likely always be z-indexed higher than other elements:
(varies by UA and OS)
select lists
radio/check boxes
OBJECT
Java applets
IFRAMES (ns)
ILAYERS
some INPUT fields


hth

[loupgarou]

---I read this somewhere-------

The innerHTML property of elements in IE, is not part of the W3C DOM. Nevertheless, in response to customers' requests, Mozilla- and Gecko-based browsers (such as Netscape 6) decided to support it in builds dated May 19, 2000 or later (Mozilla M16 and later, Netscape 6 PR2 and later). Let's look at the following code sample:


so what should I be using that is cross browser, provides iframe functionality for (a href="iframe") tags?