• Registered: July 24, 2011
  • Posts: 1

Topic: Footer doesnt move.

Im working on a tutorial where i create a header, navigation, content and a footer coulumns. 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 doesnt 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;
    border-right: 1px solid #898989;
    
}

#nav_div{
    padding: 10px;
    
}

#con_div{
    padding:  10px;
    
}
#content {
    background-color: #DDDDDD;
    width:  620px;  
    float: left;
    margin-bottom: -32767px;
    padding-bottom: 32767px;
    border-right: 1px solid #000000;
    
    
}
#footer {
    background-color: #898989;
    width:  800px;
    color: #FFFFFF;
    font-size: 12pt;
    border: 1px solid #000000;
 
    
    
}

Thumbs up