how can I get the menu in the top div to "follow" the movement of the main content which is inside the main wrapper?


Essentially so that the menu is always square with the left edge of the "K" in the logo


http://s205480013.onlinehome.us/KM_Test/NEW_R2.html

Not sure exactly what you mean, but you probably need to float it.

so that the menu is always square with the left edge of the "K" in the logo

What menu?

Use divs: container, header, main, nav and footer then set the margins and or padding to achieve the desired look.

It seem to work fine to me. Guess we all are missing what you meant

right


this solved it:

#nav1 {
height: 15px;
width: 850px; <-- change
position: relative; <-- remove
left: 96px; <-- remove
top: 8px; <-- remove
padding-bottom: 10px;
padding-top: 2px;
text-align: center;
margin: 7px auto 0 auto; <-- add
}


now the problem is, what if I want to add another set of links or a graphic on the top right?

You just create another div class in the CSS. I use a 3 column stylesheet for the main content section on most of my sites. I don't always use the third column but it is defined if I want to use it.

I normally do not use the top or bottom banner sections either but I have them defined. Stylesheet looks like this for defining divs.
container
header
topbanner
left panel
maincontent
right panel
bottom banner
footer

For sites where I am not using the thrird column I just adjust the width for the maincontent section. Take a look if you want at zeroscripts*com.

what if I want to add another set of links on the top right (next to the existing menu)?

Originally Posted by BobMane

what if I want to add another set of links on the top right (next to the existing menu)?

I thought I answered that for you two posts up. )