GR8 module for web-compliant browsers... but then there is the non-compliant IE...grrrrr.

1st screen-shot: IE6... when turning off Supersubs, it treats second line menu as a drop-down or frame. I thought I was seeing things, so I went to your site to find same issue and then took screen-shot from there.

IE6... No matter what theme is used, with z-index, over-flow visible, etc etc, drop-downs hide behind content below menu. I have some pretty good notes and will continue to peck away at this, and post if I find a solution.

Why IE6, who still uses it, you might ask. 90yr old granny got her 1st and only Windows ME hand-me down from sister 10yrs ago. If it ain't broke... leave it alone. I don't even use/test anything IE, just post disclaimer for IE users.

2nd screen-shot: Non-IE issue beings I'm here. I want to remove some of the padding to tighten up menu, but drop-downs have space between parent menu item when applying below.

.sf-menu a {
border-left:1px solid #FFFFFF;
border-top:1px solid #CFDEFF;
padding:0.75em 1em; <<------------------ 0.50em 0.75em
text-decoration:none;

Everyone asks for url, if needed, http://zenit.lazykatz.com/

Thanks in advance,
Grizz

CommentFileSizeAuthor
sup-ss2.jpg62.28 KBGrizz
sup-ss.jpg47.53 KBGrizz

Comments

mehrpadin’s picture

mehrpadin commented

Hey Grizz,

Since the original Superfish CSS should be kept untouched - as much as possible - the padding issue should be addressed in the CSS of your theme - and it's your theme that caused it after all - and the same counts for the submenu items of the NavBar menu - of course not really important since other browsers correctly render its overflow:auto.

Nevertheless some of the IE z-index problems of the Superfish submenus will be fixed in the upcoming version 1.4

Thanks for the screenshots @--}--;---

Grizz’s picture

Grizz commented

I left Super's css alone, added the slight, and only change I needed, to my css. All I want to know is how to close the gap in the 2nd screen-shot after applying new padding.

If you went to site, I am/was working there, and did not have the added css below in file.

.sf-menu a {
padding:0.5em .75em;
}

....the NavBar menu - of course not really important since other browsers correctly render its overflow:auto

ALL browsers are important, as is ALL users important.

But there is one thing that is not important, this POS module. DELETED!!

mehrpadin’s picture

mehrpadin commented

Grizz,

You should ask your question here: http://drupal.org/project/issues/adaptivetheme you can also ask them to make their theme compatible with the Superfish menus, like I did for my own mpFREE (at 'Header' region), you can see how I managed it.

Plus, note that I'm not in charge of the jQuery Superfish plugin, Joel Birch is.

Grizz’s picture

Grizz commented
Status: Active » Closed (fixed)
j0rd’s picture

j0rd commented

@Grizz. Don't be a jerk, this man created this module in his spare time for you for free. If you paid him for support, feel free to troll away.

With that said, this module is broken in IE6 with "navbar" enabled. Menu displays horizontally.

Additionally you use "double" class selectors in the CSS sub-themes for this module and IE6 doesn't support them. I assume this is where the issue is coming from.

I'll reply back if I find a patch to assist, but I've already modified by CSS heavily, so not sure if it will be applicable to others installs.

jonabh’s picture

jonabh
Primary language English
commented

The only place I suceed to change the gap was in the superfish.css

Solved by updating the file:
.../public_html/sites/all/libraries/superfish/css/superfish.css

Lines 37-41:
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left: 0;
top: 2em;
}

Top should be 2em instead of 2.5em