...

View Full Version : top navigation rectangle sliding at different rate than rest of page,possible causes?



code beginner
05-11-2010, 05:19 AM
hello,

i set up a top rectangle with navigation. the top rectangle has a background image, and some links arranged as horizontal list items (typical horizontal menu style).

when i reduce the size of the firefox window (making it narrow), the top navigation rectangle slides to the left faster than the main part of the page.

i want the slide to be there, because it is adjusting itself to the width of the open window. but i'm not sure why it's sliding at different rates. the navigation actually gets out of alignment compared to the rest of the page. because if the main part of the page slides two inches to the left, the navigation will slide four inches to the left.

i was wondering what could be the common causes/common workarounds to this. the top navigation rectangle is wider than the body of the page. so it's almost like a "T" with the top navigation being the top part of the T, and the main body of the page being the vertical part of the T. I think these different widths might be causing the two parts to slide at different rates. but I'm not sure.

i'm using typical margin-left: auto; margin-right: auto; i guess I could put transparent spacer gif's on either side of the main body area to have it add up to being the same width as the top navigation. but i'm hoping there's more of a code-driven solution.

abduraooft
05-11-2010, 07:24 AM
hello,

i set up a top rectangle with navigation. the top rectangle has a background image, and some links arranged as horizontal list items (typical horizontal menu style).

when i reduce the size of the firefox window (making it narrow), the top navigation rectangle slides to the left faster than the main part of the page.

i want the slide to be there, because it is adjusting itself to the width of the open window. but i'm not sure why it's sliding at different rates. the navigation actually gets out of alignment compared to the rest of the page. because if the main part of the page slides two inches to the left, the navigation will slide four inches to the left.

i was wondering what could be the common causes/common workarounds to this. the top navigation rectangle is wider than the body of the page. so it's almost like a "T" with the top navigation being the top part of the T, and the main body of the page being the vertical part of the T. I think these different widths might be causing the two parts to slide at different rates. but I'm not sure.

i'm using typical margin-left: auto; margin-right: auto; i guess I could put transparent spacer gif's on either side of the main body area to have it add up to being the same width as the top navigation. but i'm hoping there's more of a code-driven solution. A link to your page?



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum