Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Oct 2011
    Thanked 0 Times in 0 Posts

    sticky footer shifting divs

    Hi there,
    I'm using a sticky-footer technique at:

    Now, it works fine as long as the page is fully vertically expanded and there is no scroll bar present. BUT... when there is a scroll, the header and the footer both shift one pixel to the left, leaving a tall vertical white line to the right of the header, and a shorter vertical white line to the right of the footer. It's so small the client probably wouldn't notice, but personally, I can't deal with it this way. The style sheet in question is located at:

    I've spent hours trying all the permutations of changing the height of #nudge, changing the negative margin-top of #footer, and the padding-bottom of #container. Nothing seems to solve this problem.

    Any thoughts from the peanut gallery? Thanks in advance,

  2. #2
    New Coder
    Join Date
    May 2011
    Thanked 0 Times in 0 Posts
    I viewed your site in the latest version of Google chrome and IE 8, both had scroll bars- IE with a horizontal scroll bar, too. I noticed nothing worth the time of fixing. This is a great looking website if you ask me. It's a very small issue. I'd keep moving forward.
    Last edited by htsmith88; 10-26-2011 at 07:19 PM.


Posting Permissions

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