Need help using divloader to resolve MAC IE iFrame issue

[katherine_h]

Hi,
I have found a few references on the forum that suggest using a js divloader to view the menu above an iFrame in IE for MAC, however I am having trouble implementing them on the site I am working on.

I have uploaded the page to the following address:
http://www.afterimage.com.au/menu_sample_w/index.htm

Currently the iFrame is loaded into the page without using the divloader method, however the menu is not displaying correctly on mac, it is being hidden by the iFrame. If anyone could help out with suggestions of how to implement the divloader js to my page I would be very grateful.

Katherine

[Ruth]

Hi,

I haven't used the divloader mentioned in some of the posts, but here is a link to the post by the person who used it with an 'explanation' of what he did, though really it's more looking at his page to see how he did it, and a link to the page with the divloader on it.


viewtopic. ... 3948#23968

If you need more help, just post back.

Ruth

[katherine_h]

Hi Ruth,

I have already looked in detail at this post. If you click the link below, you will see that when I try to load my external html file using this method I lose the iFrame scroll bar. I believe the js may need to be implemented slightly differently for my page however I am not sure how.

http://www.afterimage.com.au/menu_sample_w2/index2.htm

Thank-you for your quick response,
Katherine

[Ruth]

Hi,

I don't work with divs, ever. I've been trying this forever now and can't get the page to show, but I did get the scroll bars back. The problem is that tables are designed to expand, not to scroll, so since that is not an iframe there now, the table expands. You left off part of the code on that page which had to do with displaying the div. I put in more info to get it to have scroll

Code: Select all

<style>#display {
			position: relative;
			margin: 0 auto;
			width: 188px;
			height:355px;
			text-align: left;
			overflow:scroll;
			}
		</style>

But even with that I couldn't get the page to show in that area, though the scroll, both horizontal and vertical showed up.

I have another solution for you to try. Your circumstances seem to lend themselves to using the Milonic object hider module.

http://milonic.com/menumodules.php

It's the object hiding module down toward the bottom.

Open the module and where you see the

Code: Select all

M_hideMenus = "Samples->formdiv1;milonic->formdiv1;"

change the samples part to

Code: Select all

= "Products->div1;"

Then on your page where the iframe is put

Code: Select all

<SCRIPT language=JavaScript src="divhider.js" type=text/javascript></SCRIPT><div id=div1 name=div1 style="position:relative"> Then your iframe as it is now </div>

That will hide the iframe when the Products menu drops down allowing it to drop in the Mac IE browser.

Another option which seems pretty viable for you is to get that table with the menu to align to the right, that seems to leave just the Home item over the iframe and that item doesn't have a submenu.

Ruth

[katherine_h]

Hi,

I was aware of the divhider option, but as you can see on the example I have uploaded, it isn't really satisfactory. As a user I would find it disorienting for the content to disappear when I mouse over something. It also makes the page look strange.

http://www.afterimage.com.au/menu_sample_w3/index3.htm

As for moving the menu to the right, I need to allow for the inclusion of another link in the menu, so this is not an option.

Thanks for you suggestions but no solution yet!

Katherine

[Ruth]

I'm sorry, but since I can't get that divloader to work there's isn't much else I can do. I don't have a mac, and the IE browser is a dead browser, it doesn't even have support anymore. I know that the divloader works, since that other site uses it, I just don't know how to make it work.

Ruth

[katherine_h]

Thanks for your help Ruth, I'll try and investigate the divloader a bit more myself.
Katherine