Milonic provide full featured pull down web menus for some of the worlds largest companies
click here to see what it can do for you

Download Milonic DHTML Menu
Buy Milonic DHTML Menu

Back To Start Of Archive
Taken From The Forum: Help & Support for DHTML Menu Version 5+
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:49

New Version - Table cell bug fixed, now new problem


Poster: street9009
Dated: Friday November 10 2006 - 20:39:13 GMT

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.


Poster: Ruth
Dated: Sunday November 12 2006 - 0:07:24 GMT

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


Poster: street9009
Dated: Sunday November 12 2006 - 0:13:23 GMT

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.


Poster: Ruth
Dated: Sunday November 12 2006 - 0:36:15 GMT

Hi,

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

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


Ruth


Poster: street9009
Dated: Sunday November 12 2006 - 1:19:08 GMT

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?


Poster: Ruth
Dated: Sunday November 12 2006 - 3:30:53 GMT

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


Poster: street9009
Dated: Sunday November 12 2006 - 4:52:51 GMT

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

Image

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.


Poster: Ruth
Dated: Sunday November 12 2006 - 8:04:02 GMT

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:
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


Poster: street9009
Dated: Sunday November 12 2006 - 18:49:43 GMT

Quite perfect, thank you :)

Your help is much appreciated, Ruth.


Poster: street9009
Dated: Sunday November 12 2006 - 21:40:18 GMT

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.