Back Home

Open Designs

Community. Driven.

General Talk: Footer stick issue

Bottom of Page

1 to 8 of 8

  1.  
    •  
      CommentAuthormdizzle
    • CommentTimeJan 15th 2007
     
    I've been working on a design, but I've run in to a footer problem.
    Using A List Apart's method, I've been trying to get my footer to stick to the bottom of the page. Unfortunatly, My header and footer is outside of my wrapper/content. Because of this, when I set "min-height" of my wrapper to 100%, the page is too big. Is there any way to compensate for the height of the footer and header when setting the min-height of the wrapper?
    Is there a better way to do this? I feel like it is going to take more than CSS...
    •  
      CommentAuthormdizzle
    • CommentTimeJan 15th 2007
     
    Er, the link I provided is being edited live, so if it switches around, that is me trying to find a fix.
  3.  
    well if you put a 100px footer down by 100% of the height... then you want to bring it back up by 100px don't you. so give it a 100px negative margin to compensate for the height of the footer. e.g.

    {margin:-100px 0 0;min-height:100%}
    •  
      CommentAuthormdizzle
    • CommentTimeJan 15th 2007
     
    But then the height for the wrapper is still 100%, but it doesn't take up the entire screen, so the page will continue on past the footer.
    •  
      CommentAuthormdizzle
    • CommentTimeJan 15th 2007
     
    oh jeez, thinking about putting it under the wrong element...
    let me try it
    •  
      CommentAuthormdizzle
    • CommentTimeJan 15th 2007
     
    Well, the footer is in the right place, but the page continues on right over it.
    I guess min-height overrides the margins?
    •  
      CommentAuthormdizzle
    • CommentTimeJan 15th 2007
     
    Resolved.
    •  
      CommentAuthorDENiAL
    • CommentTimeJan 15th 2007
     
    I like the design.. Glad you got it all worked out.. :)

1 to 8 of 8

  1.