Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.

  1.  permalink
    I've never ever been able to get the footer stick working. My footer always screws up :(

    http://www.design-beans.com/msf-test/
    I validated the code and it's ok. I'm not sure what the problem could be

    Here's the important CSS


    html {
    height: 100%;
    }

    body {
    height: 100%;
    background: #fff url(images/header-back.jpg) repeat-x;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    }

    #wrapper{
    margin: 0 auto 0 auto;
    width: 798px;
    min-height: 100%;
    text-align: left;
    }

    #container{
    position: relative;
    min-height: 100%;
    padding-bottom: 30px;
    }

    #footer{
    position: relative;
    background: #ccc;
    margin-top: -30px;
    height: 30px;
    text-align: center;
    }
    •  
      CommentAuthorjernigani
    • CommentTimeNov 9th 2007 edited
     permalink
    You need to clear the floated elements. The easiest way to do that would be to put clear:left inside your #footer styles.

    I hope that helps. :D
  2.  permalink
    Think that may have been a typo and jerni really meant you to add, clear:left or clear:both;
    •  
      CommentAuthorjernigani
    • CommentTimeNov 9th 2007
     permalink
    Heh, yes it was. Thanks! (editing above post now...)
  3.  permalink
    Thanks a lot jernigani + axosharp! :)
Add your comments
    Username Password
  • Format comments as (Help)