Is there a solution to the <IFRAME> problem on the Mac

Poster: Simon
Dated: Friday January 7 2005 - 8:29:33 GMT

Hi All,

I am still having a problem with a webpage:

http://www.washingtonwine.org/index.cfm

When viewed with either IE or Safari on the Mac.

The menu works on all pages on the PC and the Mac, with the exception of the home page on the Mac. The reason I've established is because the home page has a lovely <IFRAME> in it's main area for dynamically updateable & scalable copy in a multitude of languages.

For Safari the menu appears on top of the IFRAME and then immediately disappears if you try to mouseover the drop down where ever it appears on top of the IFRAME.

For IE the menu appears behind the IFRAME and obviously the portion behind the IFRAME is not accessible.

I've searched the forums and found this post:

http://www.milonic.com/mfa/2004-May/004179.html

Which gave me hope until I reached the end and basically concluded that others were having the exact same problem as I to no avail.

I've checked this page:

http://www.milonic.com/menusample11.php

On the Mac in both Safari and IE and it does the exact same thing my site does. Namely the moment you mouseover the IFRAME in Safari the drop dwon menu closes and in IE it appears behind the IFRAME.

I read some information about using a <DIV> and hiding the DIV but I couldn't get that to work etiher.

Is there a solution to this problem for the Mac or is this still an ongoing problem?

Thanks in advance...

Poster: Ruth
Dated: Saturday January 8 2005 - 6:08:05 GMT

I wasn't able to get the new divhider.js file to hide the div in opera, but I have an old divhider and that does work to hide it in opera7.11. I don't have a mac so I can't test for that. LINKS REMOVED.

Ruth

Poster: Leeson
Dated: Thursday January 20 2005 - 17:24:23 GMT

1) Make a hidden iFrame (1x1pixel at the bottom of the page), where the content is loaded when you click a menuitem.
2) Make a div where the iFrame used to be.
3) Use a divloader script to load the content of the iFrame into the div.

Voila, you got a page that look and behave just as before, the only difference being it works with IE for Mac, Safari, and other browsers that have problems with menu/iFrame overlap.

To see an example on how this may work, see our webpage http://www.mitomed.se. I am by no means an experienced webdesigner, am learning as I go along, but it will make my point.

Poster: Ruth
Dated: Thursday January 20 2005 - 18:18:00 GMT

Thanks for the input, Lesson! We appreciate it.

Ruth