Footer Does not move

Hi All,

I am working on a tutorial where i create a header, navigation, content and a footer columns. In his tutorial he has the navigation and content columns can not go past the footer. The problem i am having is that the navigation and content column does not stop at the footer.

Here is the code:
body {
    background-color: #C4C4C4;
    
}

#header {
    background-color: #898989;
    width:  800px;
    color:  #FFFFFF;
    font-size:  18pt;
    border: 1px solid #000000;
    
}

#container{
  overflow: hidden;
    
}
#navigation {
    background-color: #454545;
    width:  179px;
    float: left;
    margin-bottom: -32767px;
    padding-bottom: 32767px;
    border-left: 1px solid #000000;

Comments

  • I wonder why does the margin-buttom and the padding-buttom is having that value?
    For me you may check your margins sometimes it causes you a not proper alignment of your design.

    Use web developer tools or firebug for you to easily modify your errors.
Sign In or Register to comment.