html - ページの下部にフッターを作成する方法は?

Question

私のウェブサイトにはコンテンツの少ないページがいくつかありますが、

the content height + footer height < one screen height

下の図を参照してください。

私の質問は、コンテンツの高さがページ全体をカバーするのに十分でない場合、ページの下部にフッターを作成するにはどうすればよいですか?

PS: フッター ページを下部に固定したくありません。

Answer 1

http://jsfiddle.net/yvZaV/1/

<div class="wrapper">
    <div>content here, this will push the footer down the page if it is needed</div>
    <footer>footer here</footer>
</div>

html, body {
    height:100%;
    min-height:100%;
}
.wrapper {
    position:relative;
    min-height:100%;
}
footer {
    position:absolute;
    bottom:0px;
    width:100%;
    background-color:red;
}