By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
444,246 Members | 1,451 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 444,246 IT Pros & Developers. It's quick & easy.

z-index woes with position: relative/absolute in IE 6 (and 7?)

P: n/a
Hi,

I have a site with a heap of small menus in various elements.

It looks something like this (inline style's etc for readability):

<div>

Jan 8 '07 #1
Share this Question
Share on Google+
2 Replies


P: n/a
On Jan 8, 4:42 pm, drillbatt...@gmail.com wrote:
Hi,

I have a site with a heap of small menus in various elements.

It looks something like this (inline style's etc for readability):

<div>
Weird, Google cut me off! And I wrote such a pretty post!

Here we go again:

I have a site with a heap of small menus in various elements.

It looks something like this (inline style's etc for readability):

<div>
<div>
<h2 style="display: inline;">Some heading</h2>
<div style="position: relative; display: inline;">
<a href="#" onclick="show_the_menu()"><img
src="nasty_image.gif</a>
<!-- this is here the menu is created -->
</div>
<div>
<h2 style="display: inline;">Some heading</h2>
<div style="position: relative; display: inline;">
<a href="#" onclick="show_the_menu()"><img
src="nasty_image.gif</a>
<!-- this is here the menu is created -->
</div>
</div>
</div>
<div>
<h2 style="display: inline;">Some heading</h2>
<div style="position: relative; display: inline;">
<a href="#" onclick="show_the_menu()"><img
src="nasty_image.gif</a>
<!-- this is here the menu is created -->
</div>
</div>

The "show_the_menu()" function displays the menu if it exists,
otherwise creates something like: <div style="position = absolute;
display: none; z-index: 100">...</div>

This works fine in FF, but IE seems to totally ignore my z-index
declarations. I've tried with numerous different indices in both the
menu and surrounding elements.

Working example located at: http://82.182.82.250/~gs/test/

Jan 8 '07 #2

P: n/a
On Jan 8, 4:51 pm, "Mr me" <drillbatt...@gmail.comwrote:
On Jan 8, 4:42 pm, drillbatt...@gmail.com wrote:
[...]
This works fine in FF, but IE seems to totally ignore my z-index
declarations. I've tried with numerous different indices in both the
menu and surrounding elements.

Working example located at:http://82.182.82.250/~gs/test/
I thought I'd also mention that what gets to me is that in IE the
images inside the anchors show "through" the menu div.. in case you did
not notice :)

Jan 8 '07 #3

This discussion thread is closed

Replies have been disabled for this discussion.