New Version - Table cell bug fixed, now new problem

[street9009]

Hello,

I just finished upgrading to the lastest version of the menu, and it seems the problem I was having with putting the menu in a table cell has vanished. (It was loading before the table had a chance to complete and thus stretching across the entire page - IE only.) Now, it works absolutely perfectly in Firefox, but IE is having some display issues.

http://www.buildinghosting.com/~nuccio/ss/index.php

I wonder if anyone can help me figure it out so it looks like it does in Firefox (filling the entire table cell).

Thanks.

[Ruth]

Hi,

It looks the same to me in both IE5.5, 6; FF1.0.7, 1.5.0.

Now, try adding itemwidth="100%"; to the main menu.

Ruth

[street9009]

So it does... guess Firefox was caching.

The itemwidth does the trick, but now there's new trouble.

In Firefox, the submenus span the whole page (I would assume this is expected since adding the 100% affected all of the menus. I think I can fix this on my own).

However, IE is behaving strangely. The submenus span more than one line now and don't close on their own.

[Ruth]

Hi,

Remove any width from the style, if it's there and just put this as your main menu

Code: Select all

with(milonic=new menuname("Main Menu")){
style=miniStyle;
alwaysvisible="1";
position="relative";
itemwidth="100%";

Ruth

[street9009]

I think I've got something similar to what you said going. I have to manipulate the mm_styles table in a database to get what you're going for. At any rate, it seems to be working great now. Thank you

I do have one more question though - in IE, (actually in both browsers, but it is more pronounced in IE), the right edge of the menu seems to go beyond the table cell. Do you know what's causing that?

[Ruth]

It's the border on the menu next to the border in the table. If you're really interested in fixing it then you need to create css classes to apply in each item and make the separatorsize and borderwidth in the menustyle to equal 0. It becomes involved to make things match up since css coding with regard borders places them around each item and not the menu itself.

Ruth

[street9009]

I'm not sure I understand what you're saying, but if I do, I disagree. Look closely at this screenshot:



If you look at the bottom right corner, you can see that the menu background image overlaps the edge of the table cell.

If I'm misinterpreting your post or dead wrong, please tell me. I'll listen

Thanks for your help by the way. Now that the menu is working, we are going to purchase it and put it on the commercial site. I also plan on using it in each case that I need a drop-down menu system. Best menu and support I've ever seen.

[Ruth]

Hi,

It's your overfilter shadow code for IE. It doesn't do that in IE5.5 so until I got to 6 I didn't see it. This is what I discovered. If you remove the shadow code and only have itemwidth="100%"; then the menu sits back from that line about 1px, thereby showing two lines, the right border of the menu and that border in the table cell. If you put in menuwidth="100%"; and itemwidth="100%"; into the main menu, not the style section then it seems to butt right up to the line.

Code: Select all

with(milonic=new menuname("Main Menu")){
style=miniStyle;
alwaysvisible="1";
position="relative";
itemwidth="100%";
menuwidth="100%";

That seems to make it look the same in IE5.5, 6 and FF1.5

Ruth

[street9009]

Quite perfect, thank you

Your help is much appreciated, Ruth.

[street9009]

By the way- How are you using all of those different browsers? Different computers or did you find a way to make them co-exist? Just curious. I kinda want to upgrade to FF2.0 and IE7 but not at the price of losing my current browsers, plugins, etc.