Welcome to WebmasterWorld Guest from 54.227.83.19

Forum Moderators: open

Message Too Old, No Replies

JS dropdown menus and iframe problem in old browsers

JS drop-down menus, iframe, old browsers

     

Puppet

1:43 pm on Mar 24, 2003 (gmt 0)



Hello all!

I'm a student doing a webdesign project and have encountered trouble with the way JS drop-down menus appear when using iframes in old browsers (ie 5.0 and earlier versions). The problem is that the menu drops down behind the iframe instead of in front of it(like it does in ie 6.0).
I was wondering if anyone has a solution to this problem. All I want is for the menu to drop down in front of the iframe, but I have no idea how to solve this problem myself. (I don't have much experience with JavaScript)

I'm using the iframe to display a html document inside another html document. (black field on the site, see web-address below)

I've temporarily put the site up at the web-address below.

<Sorry, no personal URLs>

Any help would be greatly appreciated!

Thanks in advance.

-Puppet

[edited by: tedster at 3:47 pm (utc) on Mar. 25, 2003]

korkus2000

6:10 pm on Mar 26, 2003 (gmt 0)

WebmasterWorld Senior Member korkus2000 is a WebmasterWorld Top Contributor of All Time 10+ Year Member



Welcome to WebmasterWorld Puppet,

In older browsers iframes and forms are considered ontop. They are the highest in the z-index. I know with some menu scripts you can put code in the page that is displayed in the frame so you can overcome this problem. I don't know of any other way than that though.

BlobFisk

6:31 pm on Mar 26, 2003 (gmt 0)

WebmasterWorld Senior Member blobfisk is a WebmasterWorld Top Contributor of All Time 10+ Year Member



A hearty welcome [webmasterworld.com] to WebmasterWorld from me too, Puppet!

While, as korkus said, it is possible - it's important to remember that these JS/dHTML drop down menus make use of the Document Object Model (DOM).

An iFrame, by definition, has a DOM seperate (but assessible) to that of the containing page.

 

Featured Threads

Hot Threads This Week

Hot Threads This Month