Dropdown behind images with IE7

[julien]

Hello,

My ccs : http://www.allboatsavenue.com/blog-bate … /style.php
My site : http://www.allboatsavenue.com/
The only customisation : I ad "z-index: 1000;" in #suckerfishnav ul.

After read the differents topics and try the differents modifications of the css, always the same issue :
  Ok with FF3.
  But with IE7 dropdown stay behind the images of Featured Content Gallery.

Thanks for your help

Julien

[imported_Ryan]

Perhaps try:
[code:3q6w7z7u]#suckerfishnav, #suckerfishnav ul {z-index:10000}[/code:3q6w7z7u]

Note: I haven’t tested this so it may or may not work.

[julien]

Thanks for answer Ryan.

But not working. Always the same issue in ie7.

Another solution ?

Julien

[rebso]

Great! this fixed the same problem I was having in FF and IE6, haven’t got to test in IE7 yet.

[imported_Ryan]

@julien – Sorry, but I don’t have enough time to work this out for you sorry. I am only doing this type of work for you premium support members at the moment … https://geek.hellyer.kiwi/premium_support/

[lwinnerman]

Hi Ryan-

I’ve got this same issue in FF3 and IE7. Site is http://www.lbtest.alpacalunch.com/
I just signed up for one month of support from you. Can you take a look at this when you’ve got a moment and let me know what you think the issue is? Thanks!

[julien]

Hi lwinnerman

Try to ad "z-index:1000;" in your css like this :

#suckerfishnav, #suckerfishnav ul {
border:medium none;
float:left;
line-height:40px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
width:100%;
[color=red:13tlnvft]z-index:1000;[/color:13tlnvft]

For me ok with FF3 but not with IE7

Julien

[imported_Ryan]

Whoa. Sorry Iwinnerman. Premium Support people usually post in the premium support forum or email me directly.

I’ll keep a check on this topic so I don’t miss any of your new posts.

I’ll be back with a solution for you shortly.

[imported_Ryan]

The first problem I can see is that there is a space between the doctype and the beginning of the document. This is guaranteed to cause problems with IE.

[imported_Ryan]

You can fix your problem by removing the <ul id="nav"> tag which is wrapped our the plugins script.

You have something like the following at the moment:
[code:1plvsq1e]<ul id="nav">

<?php if (function_exists(‘pixopoint_menu)) {pixopoint_menu();} ?>

<!–
  <li class="page_item page-item-10 current_page_item"><a href="http://www.lbtest.alpacalunch.com" title="Home">Home</a></li>
<li class="page_item page-item-5"><a href="http://www.lbtest.alpacalunch.com/?page_id=5" title="Landscaping">Landscaping</a></li>
<li class="page_item page-item-55"><a href="http://www.lbtest.alpacalunch.com/?page_id=55" title="Hardscapes">Hardscapes</a></li>
<li class="page_item page-item-65"><a href="http://www.lbtest.alpacalunch.com/?page_id=65" title="Waterfeatures & Irrigation">Waterfeatures & Irrigation</a></li>
<li class="page_item page-item-3"><a href="http://www.lbtest.alpacalunch.com/?page_id=3" title="Lighting">Lighting</a></li>
<li class="page_item page-item-12"><a href="http://www.lbtest.alpacalunch.com/?page_id=12" title="About us">About us</a></li>
–>
</ul>[/code:1plvsq1e]

However all you need is:
[code:1plvsq1e]<?php if (function_exists(‘pixopoint_menu)) {pixopoint_menu();} ?>[/code:1plvsq1e]

The catch with this though, is that your menu looks kinda weird regardless. It looks like the CSS has changed from the default and so the dropdowns aren’t filling out their width correctly. To fix this, just try using the CSS direct from the CSS generator. If you are trying to change it to create something that the CSS generator can’t do then let me know what you are trying to achieve and I’ll provide a solution for you (if it is possible).

[julien]

Hello Ryan,

I think the z-index: 1000; fix the issue of lwinnerman.
I visit http://www.lbtest.alpacalunch.com/ and it seems ok in FF3 and IE7.

But for me the issue is not resolved in IE7.
Can you help me please.

Julien

[imported_Ryan]

Julien, sorry but I am too busy at the moment with paid work.

[Anonymous]

Here’s the easiest fix for IE7:

Set #suckerfishnav, #suckerfishnav ul to [color=red:2m703mk6]z-index: 10000[/color:2m703mk6]

Then set any content divs to[color=red:2m703mk6] z-index: -1;[/color:2m703mk6]

[imported_Ryan]

Thanks Terris ” title=”Smiley” />

That is actually a good way of putting. Hopefully it applies in Julien’s case.

[julien]

Thanks for answer Terris,

What content divs are you talking about ?

Julien

[Author]

Posts