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

sub menu issues in <Div> on SoopPortal


Poster: GreenBoy
Dated: Monday November 21 2005 - 21:55:44 GMT

Hi
I know i have asked about this before but I have made some progress but am still getting isseus.

I have fixed the topr portion of a screen using a Div and fixing it using CSS.

The main menu is staying put (which is what i want ) and the rest of the page flows under it and the fixed header portion, of which the menu is a part.

The issue is that the sub menus are no longer behaving.

In IE the sub menus have risen up the screen by about half the height of the main menu bar.

In firefox the sub menus are rying to scroll wit the rest of the screen so if you scroll far enough the sub menu scrolls to the very top of the screen totaly obscuring the main menu (horizontal).

The question i have is this: - is it possible to fix the position of the milonic menu on the screen so it doesnt move at all (including the sub menus) regardless of the movement of the rest of the screen? without using div's and CSS?

Im not a programmer, so be gentle :D

Thanks
GreenBoy


Poster: Ruth
Dated: Tuesday November 22 2005 - 3:15:37 GMT

Hi,

I'm not a programmer either :)

Unfortunately, I don't do well trying to visualize from word descriptions. If you could give me a test page so I can see what you want the page to do and what you want the menu to do I most probably could figure something out.

Ruth


Poster: GreenBoy
Dated: Tuesday November 22 2005 - 8:17:05 GMT

Ruth
Many appologies for 2 things

1. I should have given you a link - its http://www.proportal.org
2. I did some further fideling last night after posting my original (insomnia is a dangerouse thing lol ) and have changed some more things - I can only test this on IE6 at moment as I am at work but the main menu is staying put, and th sub menus are behaving them selves - not sure why but this is basicaly what I want.

However from experience the same will not be true in Firefox - the main menu should stay put, but the sub menu will try to stay in its relative position to the page - therefore as the page scrolls up the sub menus will move up. Take a look, and you will see what I mean..

I am not sure if there is a way to do what I want in a <div> in ASP but if there is let me know - otherwise - is there a way of making the menu 'float' in a fixed position on the screen - regardless of the scrolled position of the page?

Thanks again - and sorry for any confusion.


Poster: Ruth
Dated: Tuesday November 22 2005 - 9:58:11 GMT

Hi,

I hate to be the bearer of bad tidings but there is no way any of us will be able to help you. Your menu version is 1 1/2 out of date. There have been so many changes, fixes and additions we would have no idea what's going on with that version. I especially remember a problem with mozilla based browsers and the menu and/or submenus being scrolled off the screen.

I have no way to know if it was after that version or before it. The only thing I can suggest you try is get it out of the div and if you have to position it relatively put it in a table instead. As usual, all the browsers out there seem to treat divs differently, especially with regard to position, i.e. relative, fixed, absolute etc.

I will tell you, in my FF the menu doesn't remain fixed and visible it scroll up with the page. Unlike in IE which gives me a scroll bar on the page instead of the brower, in FF it is on the browser so the whole page scrolls up in stead of just the bottom part. FF1.0.2 [yep, downlevel, but then again I have IE5.5 and NN7.1 :) ]

One thing you can try, since you are using position relative, try putting the call for the menu files the first thing after the body tag, and make sure the submenu data file is before the main menu data. The submenus have to be built first before the main menu when you have it in a table, position relative and I believe that would be the same for a div.

Other than those suggestions, which may not do a thing to help, I don't know what to tell you. Getting the newest version would be a good thing, so much has been fixed and so many more capabilities have been added...tab menus, treemenus, collapsible menus, plus properties like clickbgcolor, menu path highlighting, just too many things to even remember them all.

I'm sorry I can't do more.

Ruth


Poster: John
Dated: Tuesday November 22 2005 - 15:39:26 GMT

Ruth left out an important word up there, namely you are 1 1/2 years down level. The current version is 5.735, and is required for support. I think you may find it will fix a lot of your problems.


Poster: Ruth
Dated: Tuesday November 22 2005 - 16:24:19 GMT

:oops:


Poster: GreenBoy
Dated: Tuesday November 22 2005 - 18:20:40 GMT

Hi Guys

Thanks for your support - i have updated the menus version 5.735 now installed... and the situation is worse.

The main menu now spans the entire screen - not something that used to happen.

Sub menuse dont reposition themselves to the top of the screen as you scroll, and then stop there regardless of further scrolling.. they now scroll right off of the top of the screen in Firefox.

So - perhaps time to look for a different solution?

i will try to re-read Ruths reply and understand it some more, but the question is can a milonic menu be frozen in place on the screen or not - I see that there is a version that scrolls down the page to remain in a fixed position despite scrolling, but there always seems to be some lag... any thoughts greatfully recieved.

Dave


Poster: Ruth
Dated: Tuesday November 22 2005 - 23:38:52 GMT

Hi,

I've been working on this. As I said the menu shouldn't be in a div, just so you have that disclaimer at the beginning. You're using position relative which is used when placing the menu in a table. If you are going to put it in the div you need to follow the same directions. One of the most important things is to make sure that the submenus, which are usually left in the menu_data.js file with a drawMenus(); at the end need to be 'read' before the main menu. Right now you have the submenus after the main menu and that is probably causing the problem. So this is what you need to do:


1. take the submenus and put them back in the menu_data.js file and include a drawMenus(); at the end, just like the file is when you first get it.
If you can't put the submenus back into the menu_data file because of something to do with how the files are served or something then you need to take the submenus and bracket them by script tags and put them the first thing after the body tag before anything else. They must be built before any other html object and before the main menu is built.

2. remove the menualign="center" from the main menu, that's what is causing it to span 100% because that property is part of the 100% span menu.

3. if you want that 'center' position add screenposition="center"; in place of the menualign="center";

I just tested it in FF and it works fine, but I have FF 1.0.2

As an aside, I have IE5.5 800x600 resolution. The part of the page below the header, which in FF has the scroll bar at the right so you can scroll the content of that area, is wider than the browser window and no scroll bars show in the browser so anything below the Test Topic and top part of the Calendar is unavailable. I happened to think of trying to highlight the page which made it shift left and gave me the scroll bar. Just thought I"d let you know. When I was working on the page I set the width of that area to 99% and that fixed it so the part below the header also showed the scroll bar.

Hope this helps.

Ruth


Poster: GreenBoy
Dated: Wednesday November 23 2005 - 12:05:40 GMT

Ruth

Thanks for this - when i get some time tonight I will give it a try - fingers crossed.

Much appreciated.
Dave