Tigra Menu Product Family - DIV CSS Overlay Problem in IE


	\| About Us \| Services \| Download \| Order \| Support \| \|

Not logged in [ Login | Register ]

SoftComplex Forums » Tigra Menu Product Family » DIV CSS Overlay Problem in IE

Last active: Never

Printable Version | Subscribe | Add to Favourites

ShakerMaker

Newbie

Posts: 1
Registered: 4/9/2005
Location: Aus
Member Is Offline

posted on 4/9/2005 at 02:08 AM

DIV CSS Overlay Problem in IE

Hi guys, using version 2.0 of the menu. It works great on my current site which uses a table layout. Though I am presently trying to convert most of the layout to DIV's. The menu works perfect in Firefox but in IE the menu disappears behind the lower div content.

Here is a quick skeleton of the page layout:

Code:

<div id="Banner">
Banner
</div>

<div id="Menu">
<script language="JavaScript">
new menu (MENU_ITEMS, MENU_POS);
</script>
</div>

<div id="container">
<div id="left">
Left Div
</div>

<div id="middle">
Main Content
</div>

<div id="right">
Right Div
</div>
</div>

I have found that removing 'position: absolute;' (or even 'position: relative') in #Menu in my CSS lets the menu work without overlapping, but it places the Menu DIV at the very top of the page not aligning it where I want, about 150px below the top of the page.

emoemo

Newbie

Posts: 1
Registered: 4/11/2005
Location: UK
Member Is Offline

posted on 4/11/2005 at 10:07 AM

This is probably something you've already looked into, but I believe one of the menu files allows you to set the starting z-index for the menu layers. Setting this to a high value might solve your problem.

I'm afraid I can't remember where the setting's located though.

Ivko

Newbie

Posts: 1
Registered: 4/15/2005
Member Is Offline

posted on 4/15/2005 at 09:18 PM

try this http://www.softcomplex.com/forum/viewthread.php?tid=1117#pid5173
or :
Hi,
change the line of code in menu.js that reads:
' z-index: '+this.TMT + ';"
to read:
' z-index: '+(this.TMT + 1000) + ';"

or some other value than 10000 once it is bigger than the z-index of any other controls on your page