Forum Moderators: open
Everything runs perfectly apart from when the page is loaded in Netscape. (I have the latest versions of both IE and Navigator).
The parent frame contains a pop-out navbar generated by Xara menu maker and the iframe contains the page content which the navbar links to, in IE the pop out menus work without a hitch, however the frames setup in Navigator seems to make the frames mutually exclusive so the area of the popout that strays over the iframe section is cut off.
Can anybody give me some tips on how to overcome this?
It would be greatly appreciated...
Cheers!
I don't think the problem is really with the iframes - they're just too straighforward. The problem most likely comes from what Xara called a "pop-out nav bar", which I assume is a combination of javascript and CSS. And therein lies great complication and cross-browser problems.
Many of the best coders I know struggle to get those fancy menus - which are sometimes called "Cascading menus" - to work cross-browser.
We have a very recent discussion about cascading menus [webmasterworld.com] you might want to read. As you can tell from my remarks, I would strongly urge you to choose a simpler menu structure. Straight HTML works wonders.
If you want to try one experiment, place the iframe in a div and give that div this attribute: style="position:absolute;top:xx;left:yy;z-index:10000" where xx and yy are numbers that you will work out to position the iframe exactly where you want it to appear.
<added>
You could also try applying the style attribute directly to the iframe element, rather than creating a div to surround it. The key, if it works, is that the z-index will position it "on top" of the position for any pop-out div
</added>
IFRAME
Make the z-index a NEGATIVE number to insure that the iframe is rendered beneath the pop-out.
