4
Contributors
5
Replies
6
Views
6 Years
Discussion Span
Last Post by beaut
0

Here's one method.

<div id="top"></div>
<div id="container">
    <p>The content goes here</p>
    <div id="footer-spacer"></div>   
</div>
<div id="footer">
    The footer goes here
</div>
0

or for css:

html, body {
    height: 100%;
}
body {
    margin: 0;
    padding: 0;
    background-color: #fff;
}
#top {
    position: absolute;
}
h1, p {
    margin: 0;
    padding: 0.3em 0;
}
#container {
    min-height: 100%;
    margin-bottom: -36px;
}
* html #container {
    height: 100%;
}
#footer-spacer {
    height: 36px;
}
#footer {
    border-top: 1px solid #000;
    height: 35px;
}

hopefully this helps

This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.