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://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://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...
Is there a solution to the <IFRAME> problem on the Mac
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.
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.