How do I do this menu positioning?

[eastestuary]

I want my menus to be offset from the left by 350 pixels, but then take up 100% of the remaining screen by resizing the space between menu items. I have done it with another script (but that script causes problems with by DIV alignment on other pages).

In other words, itemwidth becomes a variable based browser width, so it takes up:

(browserwidth-350)/(# toplevel menu items)

See here: http://www.dba.com.hk/_newsite/

Setting the menuwidth to 100% produces some very undesirable results (it just stretches the table but not the items in them, and does not properly take into account the left margin).

Anyone know how to do it?

[timrivera]

In menu_data.js for "Main Menu" put:

Code: Select all

menuwidth="100%";
left=350;

Tim

[eastestuary]

That correctly positions it on left, but does not seem to resize the menus across the remainder of the screen.

Also, I am getting some errors on my page.

[Maz]

Have you tried 100% inside a table, to see if that would contain the right margin.

I have the same problem with centered 100%, if the page is made small the menu extends the background off to the right.

Another thing I've seen is div's inside the menu table items, I doubt that would control the overall width though.

That's not much help i know, sometimes another perspective helps.

regards,
maz

[timrivera]

That correctly positions it on left, but does not seem to resize the menus across the remainder of the screen.

Try this, taken from: 100% Width Span Menu discussion:

Code: Select all

menuwidth="100%"; 
itemwidth="100%";

This works as intended in IE6, but in Opera each menu item gets smooshed to be as short as possible.


Tim

[John]

In looking at the code on the URL you posted, I do not see our product in use. I see a call to coolmenus4.js, which is not us.

[Hergio]

Yeah Coolmenus Beta 4.06 (as per the javascript code comments on your page) is not us. Sorry.