Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    Regular Coder
    Join Date
    Sep 2009
    Posts
    167
    Thanks
    15
    Thanked 1 Time in 1 Post

    top navigation rectangle sliding at different rate than rest of page,possible causes?

    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.
    Last edited by code beginner; 05-11-2010 at 05:23 AM.

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,801
    Thanks
    160
    Thanked 2,216 Times in 2,203 Posts
    Blog Entries
    1
    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?
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •