How to make this Header/Content/Footer layout using CSS?

Question

 ______________________
|        Header        |
|______________________|
|                      |
|                      |
|        Content       |
|                        


        

Answer 1

Try this

CSS

.header{
    height:30px;
}
.Content{
    height: 100%; 
    overflow: auto;
    padding-top: 10px;
    padding-bottom: 40px;
}
.Footer{
    position: relative;
    margin-top: -30px; /* negative value of footer height */
    height: 30px;
    clear:both;
}

HTML

  
    
Header
    
Content
    
Footer