html - フッターが正しい場所に配置されない

Question

私はCSSが得意ではありません。HTML 構造を作成しようとしていますが、フッターを正しい場所に配置できません。コードを表示してテストできるリンクを次に示します。何か提案してください。position:fixedフッター div にオプションを取得させたくないと言わざるを得ません。

Answer 1

id の位置を削除し、#placeHolder cssfooter_areaを追加します

#placeHolder {
    background-color: #FAFAFA;
    border-radius: 5px 5px 5px 5px;
    margin: 0 auto;
    padding-bottom: 10%;
    width: 70%;
}


.footer_area {
    background-position: 0 0;
    border-radius: 5px 5px 5px 5px;
    clear: both;
    color: #333333;
    font: 12px/25px Arial,Helvetica;
    height: 10%;
    margin: 40px auto 0;
    padding-top: 10%;
    text-align: center;
    width: 70%;
}