liquid layout and javascript menu...is this possible?

[gwmyers]

I am converting my web to a liquid layout so the site can be "pleasantly" viewed in different browser resolutions, mainly 1024 x 768 and up. I only have to code it for IE.

I am using a javascript menu for my left navigation and of course when I position it in one resolution, it looks terrible in another. I have to use this type of menu (tree menu) as it is requested by my client. If I could use another I definately would.

I have attached a screen print of what is happening. Is is possible to have tne left menu fixed under the top navigation at any resolution? Any help would be great!

Here is the CSS code for the left nav:

#containerul, #containerul ul{
text-align:left;
margin:0; /* Removes browser default margins applied to the lists. */
padding:5px; /* Removes browser default padding applied to the lists. */
}

#containerul li{
margin:0 0 0 15px; /* A left margin to indent the list items and give the menu a sense of structure. */
padding:0; /* Removes browser default padding applied to the list items. */
list-style-type:none; /* Removes the bullet point that usually goes next to each item in a list. */
padding-top:10px;
}
#containerul li a:link {color: #FFFFFF}
#containerul li a:visited {color: #FFFFFF}
#containerul li a:hover {color: #66ff99}
#containerul li a:active {color: #FFFFFF}

#containerul .symbols{ /* Various styles to position the symbols next to the items in the menu. */
float:left;
width:12px;
height:1em;
background-position:0 50%;
background-repeat:no-repeat;
}

[DaveSW]

you could try using something like these drop downs instead:
http://www.htmldog.com/articles/suckerfish/dropdowns/

Other than that, what is the code that actually applies to the drop down part?
If the height of your top bar doesn't change, and your menus are always lined up with the left of the page, can you just position the drop downs from the top left?

[SeanieC]

isnt it the padding at the top? Although I wouldn't think so. Maybe if you post the javascript as thats seems like the script that positions the menu items. (if that makes sense).

Also, isnt this an intranet? - If you can't get it to work would it be that hard to change everyones resolution to the prefered one?

Get onto the admin of the system to add a policy to automagically change everyones resolution..?

[ht1815]

Where does that Login link come from that's shown in the "minimized/lower resolution" picture? I don't see it in the maximized picture. Could it be the source of your problem?

[gwmyers]

Thanks everyone for you replies. I really appreciate your comments.

Where does that Login link come from that's shown in the "minimized/lower resolution" picture? I don't see it in the maximized picture. Could it be the source of your problem?
ht1815 - I don't think this is the problem. I meant to comment this out so it didn't show up but I forgot. So I got rid of the info and tested, but got the same results.

isnt it the padding at the top? Although I wouldn't think so. Maybe if you post the javascript as thats seems like the script that positions the menu items. (if that makes sense).

Also, isnt this an intranet? - If you can't get it to work would it be that hard to change everyones resolution to the prefered one?

Get onto the admin of the system to add a policy to automagically change everyones resolution..?
SeanieC - I tried removing the padding-top and it didn't work. As far as changing the browser settings since this is an intranet....I suggested this to my client, but he does not want to do this.

you could try using something like these drop downs instead:
http://www.htmldog.com/articles/suckerfish/dropdowns/
Other than that, what is the code that actually applies to the drop down part?

If the height of your top bar doesn't change, and your menus are always lined up with the left of the page, can you just position the drop downs from the top left?
DaveSW - Thanks for the suckerfish menu idea...believe me I want to use this, but my client wants a tree menu that you can maximize and minimize the categories. This menu has given me nightmares. :eek:

I have attached the javascript. Maybe this will help.

[DaveSW]

I think the padding-top is too small to be the positioning number here.
I can't see what positions it in the javascript either, though I might have missed it.

Could you cut down one of your pages to a template page, and zip it all to us?