Help with Dynamic Drive Overlaping Content Script

[mmalik]

The following script at dynamic drive is working perfectly in firefox but the overlapping layer in IE is off.

I'm trying to open the layer like search form with horizontal css menu. On mouseover the div opens perfectly in Fire Fox right under the menu item, but in IE it the layer doesn't open right under the horizontal menu.

can you please help the following link is to the script on dynamic drive:

http://www.dynamicdrive.com/dynamicindex5/overlapcontent.htm

Thanks for the help.

[ddadmin]

Please post a link to the page on your site that contains the problematic script so we can check it out.

[mmalik]

Thanks for your help- here's the following link - mouseover to Contact menu item - it works like search form - http://myvirtualworld.net/scroll2.htm

Thanks again for your help.

[ddadmin]

Try moving the DIV of your drop down content to the bottom of the page, ie:


<DIV id="subcontent" style="position:absolute; visibility: hidden; border: 5px solid #000; background-color:#fff; width:300px; padding: 5px;font-size:0.75em; z-index:100;">

</body>

Also, you should remove the line:


dropdowncontent.init("contentlink", "left-top", 300, "click")

from your page, as it's calling a non existent anchor.

BTW, please note that your page is currently in violation of our usage terms, since the credit notice doesn't appear inline on the page. Please reinstate the credit notice: http://www.dynamicdrive.com/notice.htm

[mmalik]

Thanks for the suggestion, but it didn't work :confused: in ie the drop down layer form is still off. it works if its between p tag.

any other suggestion :) please??

[mmalik]

i tried including margin-top, left & right and it works fine with IE but now the drop-down layer is off on FF :(

Any other suggestion please???

Thanks

[ddadmin]

Ok, the problem looks to be the anchor link instead in your case, specifically, the fact that it's within a list that's horizontally aligned. Try giving the anchor link the following declaration in red to explicitly create a new container relationship for the drop down DIV to work with:


<li><a href="http://www.minoomalik.com/" id="searchlink" rel="subcontent" style="position:relative">Contact me</a></li>

p.s: Your page is still in violation of our usage terms, since the credit notice doesn't appear inline on the page. Please reinstate the credit notice: http://www.dynamicdrive.com/notice.htm

[mmalik]

It works perfect now in both browsers.

Appreciate your help a lot.

Take care & thanks again :)