Submenu position in IE 5/6

[jptilkes]

I am having a problem with my submenu positions in IE.

All of my submenus are shifted down and to the right. The menu is postioned relative to a table cell however I had the problem while I was working with it absolutly positioned as well.

You can see the page here: http://next.demandstream.net
This is a testing server

I just realized that i didn't have the newest version of the menu, i created another page that now uses the newest version: http://next.demandstream.net/test.cfm but now I have even more problems. (double borders, borders peaking out from the bottom)

Please Help!

Thanks[/url]

[Maz]

The menu won't work in a div, you can keep it in a table but not in a div.

If you don't want to change the divs, then its best to move the menu-data under the milonic scripts and use top & left position, removing position=relative. This usually works best.

Otherwise you can keep the table but remove any div it falls under.

Regards,
maz

[Ruth]

I can't get to the site, it just keeps saying the remote server is not repsonding. I wanted to see about the borders because that probably has to do with a style sheet if you have one. I'll try the site again later to see if I can figure it out.

Ruth

[Ruth]

About the double borders. I was fiddling with mine trying to find what was doing it, and it's the padding. If you eliminate any padding that small thin border that seems to outline the words goes away. Perhaps it's a bug, don't know, or something with regard to how css functions

Ruth

[jptilkes]

Thanks for the responses,
I will try your suggestions,

I had placed the menu inside the divs because of the positioning of the page. Is their a simple way to keep the menu positioned the same relative to the surounding content without the "relative" positoning.

ie, my page is 800x600 centered on the browser window, If I absolutly position then my menu "moves" if the window is resized.

Thanks again.

[Maz]

If you can avoid a wrapper and insert a table between divs, that would be the easiest. The easiest way to test it is to insert just the menu_data.js script line into a table outside of and just between
</div><table><script>menu_data</script></table><div>

I'm not familiar with image maps, if they are any help.

Regards,
maz

[kevin3442]

Take the code for your WhatsNewMenu out of the html file and put it in the menu_data.js file, with your other menu definitions (also take the call to drawMenus() out of the html file). Poisition your WhatsNewMenu vertically using the top property, and horizontally using the screenposition and left properties... specify a left "offset" in the left property, so that the menu remains offset from the centerpoint, no matter how the window is sized. Your menu would be defined something like this.

Code: Select all

with(DemandStreamWhatsNew=new menuname("WhatsNewMenu")){
style=menuStyle;
top=305;
screenposition="center";
left="offset=-70";
alwaysvisible=1;
orientation="horizontal";
aI("text=What's New;showmenu=WhatsNew;");
aI("text=News;url=/News/Index.cfm;showmenu=News");
aI("text=Events;url=/Events/Index.cfm;showmenu=Events");
aI("text=Downloads;url=/Downloads/Index.cfm;showmenu=Downloads");
}

with values adjusted to suit, of course. You'll find more info in sample 23.

Hope that helps,

Kevin

[jptilkes]

left="offset=-70";

That's the piece I was missing, I kept putting it in as offset=-70 (without the left="")

Thanks

[Maz]

Sorry about that, my whole page works on percentages, whereas you have a fixed size.

maz

[jptilkes]

Sorry about that, my whole page works on percentages, whereas you have a fixed size.

I don't use fixed sizes by choice.

Thanks alot for everyones help, I think I have all of my menu issues worked out.