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 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Dec 2009
    Posts
    7
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Really Simple Footer Problem

    Im trying to build a footer using this article: http://www.alistapart.com/articles/footers/

    But I can't get the footer to stick to the bottom. Im sure this is a simple problem by I can't seem to straighten it out. Help!

    Check out the template in question at:
    http://current-post.com

  • #2
    New to the CF scene
    Join Date
    Dec 2009
    Posts
    7
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Ok, so I have found that the #supertainer div is taking the height of the browser window and not the height of the content. Any suggestions how I can change this?

  • #3
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Hello fangonk,

    It seems that tutorial your following is showing you how to make your footer stick to the bottom even when there is not enough content to push it down there.

    Do you want your footer at the bottom of the viewport and a scrollbar for your content? That's different.

    If #footer is 100% wide, why do you float it? Elements are floated so we can put stuff beside them. Replace float:left; with clear:both;

    By the way, good job on the valid code! ---> Except for the errror in your CSS! It should be height: 100%;
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • Users who have thanked Excavator for this post:

    fangonk (12-04-2009)

  • #4
    Regular Coder
    Join Date
    Nov 2009
    Posts
    110
    Thanks
    7
    Thanked 9 Times in 9 Posts
    Just to add, that may not be the best way to get a footer to stick to the bottom even when there is not enough content. It seems a rather overly convoluted method to me.

    This is a very simple, straightforward, and flexible method of keeping your footer down even with little content. I think it is also a much easier tutorial to follow too, and the technique is easier to adapt to various layouts than some other methods I have tried..


  •  

    Posting Permissions

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