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
    New to the CF scene
    Join Date
    Oct 2011
    Location
    Chicago
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    sticky footer shifting divs

    Hi there,
    I'm using a sticky-footer technique at:
    www.roadstardesign.com/dojo

    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:
    roadstardesign.com/dojo/templates/heionkihakutemplate/css/template.css

    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,
    Bill

  • #2
    New Coder
    Join Date
    May 2011
    Posts
    28
    Thanks
    6
    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 08: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
    •