What is happening?

[Montec]

I just changed some text of my html only pages and now my navbar has shifted to the left about 40 px.

I never touched the CSS or customization area at all.

What am I doing to mess us the navbar when I make a change to a html page?

http://www.kootenayphotography.com/

[Andy]

I just changed some text of my html only pages and now my navbar has shifted to the left about 40 px.

I never touched the CSS or customization area at all.

What am I doing to mess us the navbar when I make a change to a html page?

http://www.kootenayphotography.com/

Exact gallery address, please, of the page you just changed? We need that :D

[Montec]

http://www.kootenay.smugmug.com/gallery/1767112

It looks to me that the spacing between menu items was reduced and that caused the shift

Thanks

[Allen]

http://www.kootenay.smugmug.com/gallery/1767112

It looks to me that the spacing between menu items was reduced and that caused the shift

Thanks
First, remove this from the bottom of your CSS

We still have to format IE, once we get FF looki

[Montec]

First, remove this from the bottom of your CSS

We still have to format IE, once we get FF looki

Done

[Allen]

http://www.kootenay.smugmug.com/gallery/1767112

It looks to me that the spacing between menu items was reduced and that caused the shift

Thanks

The new numbers in green gets it back in center.

#navcontainer {
position:relative;
display:block;
z-index:99;
padding:20px 0px 30px 0px; /* spacing around menu - top right bottom left */
height:20px; /* menu container (div #navcontainer) */
width:600px; /* width of menu - minimize this untill doesn't wrap to two lines - too large effects centering */
margin:0 auto; /* this should center navbar, if not tweak with left's below */
/* left:0px; tweak this to center navbar */
/* _left:0px; tweak this to center navbar for IE */
}

AL

[Montec]

The new numbers in green gets it back in center.

#navcontainer {
position:relative;
display:block;
z-index:99;
padding:20px 0px 30px 0px; /* spacing around menu - top right bottom left */
height:20px; /* menu container (div #navcontainer) */
width:600px; /* width of menu - minimize this untill doesn't wrap to two lines - too large effects centering */
margin:0 auto; /* this should center navbar, if not tweak with left's below */
/* left:0px; tweak this to center navbar */
/* _left:0px; tweak this to center navbar for IE */
}

AL

This is the code I changed to get it even to begin with, if I change it to 600px wide it wraps around. It works at 890px minimum.

The 90px left padding moved it over far enough to be centered. I just changed this to 220px left padding and now it is centered again.

My question is why does this change when I edit a html page and not touch the CSS customization page at all.

Should I be tweaking the code below instead of the padding?

/* left:0px; tweak this to center navbar */
/* _left:0px; tweak this to center navbar for IE */

[Allen]

This is the code I changed to get it even to begin with, if I change it to 600px wide it wraps around. It works at 890px minimum.

The 90px left padding moved it over far enough to be centered. I just changed this to 220px left padding and now it is centered again.

My question is why does this change when I edit a html page and not touch the CSS customization page at all.

Should I be tweaking the code below instead of the padding?

/* left:0px; tweak this to center navbar */
/* _left:0px; tweak this to center navbar for IE */
Are you doing this in IE? I popped that code in and it worked. IE might take
a few pizels wider to work. But whatever works for you is the key.

BTW Check your dropdowns in IE, you have black on black and orange on orange.

Al

[Montec]

Are you doing this in IE? I popped that code in and it worked. IE might take
a few pizels wider to work. But whatever works for you is the key.

BTW Check your dropdowns in IE, you have black on black and orange on orange.

Al

I am checking it in both IE7 and FireFox. It is fine now after I changed the left padding again.

I do not see the black on black and orange on orange dropdowns. They look black on orange and orange on black in both browsers to me.
You are seeing reversed colors? Good grief this is no good. This is all getting to be very frustrating.


So, anyone know why my css customization changes when I edit a html page?