コンテナ内のページの一番下までDivを伸ばしてください

Question

私はこのページを修正しようとしています。http://blisshair.com.au/testing/ 私がしようとしているのは、ページの下部に「メニュー」と「コンテンツ」のdivが伸びるようにすることです。

このCSSで、任意のヘルプは大歓迎され、感謝:)

@charset "utf-8"; 
/* CSS Document */ 

body { 
    background-color:#000; 
} 

.wrapper{ 
    margin-left:auto; 
    margin-right:auto; 
    background:#0F0; 
    width:100%; 
    overflow:auto; 
    min-height:80%; 
} 

.wrapper1{ 
    margin-left:auto; 
    margin-right:auto; 
    background:url(bg.gif) 20% 0; 
    width:100%; 
    overflow:auto; 
} 

.menu{ 
    float:left; 
    width:20%; 
} 

.content{ 
    float:left; 
    width:80%; 
} 

footer{ 
    width:100%; 
} 

header{ 
    width:100%; 
} 

編集：私はのように、「コンテンツ」と「メニュー」ページの長さのdivのストレッチをしようとしていますここで説明するように。

Answer 1

私自身の経験から、これはJavaScriptでのみ行うことができます。

自分のアプリケーションでは、タイマーを使って高さをメインウィンドウの高さに調整しました。

Googleカレンダーはそれを行います。

私は最近answered a similar question here on SOです。

Answer 2

お試しください。CSSStickyFooter、JavaScriptは不要です。