html - 背景色をウィンドウサイズに合わせる方法は?

Question

CSS ページの本文にグラデーションの背景色があります。パディングとマージンを使用してさまざまな構成を試しましたが、さまざまなサイズの画面に合わせて色を調整することに成功しませんでした。上、左、右の問題ではなく、下だけの問題です。簡単に修正するために、ボディの下部パディングを 10% に設定しました。背景色がウィンドウのサイズに合わせて調整されるようにしたいと思います。前もって感謝します！ここにページへのリンクがあります。実際にはIEまたはフルウィンドウでのみ発生します。 http://jstrobel.sheridan-college.com/index.html

body {  
background: -webkit-gradient(linear, top, bottom, from(#003399), to(#6699cc));
background: -webkit-linear-gradient(#003399, #6699cc);
background: -moz-linear-gradient(#003399, #6699cc);
background: -ms-linear-gradient(#003399, #6699cc);
background: -o-linear-gradient(#003399, #6699cc);
background: linear-gradient(#003399, #6699cc);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003399',  
    endColorstr='#6699cc');
zoom: 1;
    margin: 0;
    padding-top: 2%;
    padding-bottom: 3%;
 }
 #wrapper { margin: auto;
       width: 1060px; 
    min-width: 1060px;
   -webkit-box-shadow: 5px 5px 5px #1e1e1e;
   -moz-box-shadow: 5px 5px 5px #1e1e1e;
   -ms-box-shadow: 5px 5px 5px #1e1e1e;
   -o-box-shadow: 5px 5px 5px #1e1e1e;
   box-shadow: 5px 5px 5px #1e1e1e;
 }
 #container { background: #ffeeee;
     background: -webkit-gradient(linear, top, bottom, from(#ffeeee), to(#6699cc));
     background: -webkit-linear-gradient(#ffeeee, #6699cc);
     background: -moz-linear-gradient(top, #ffeeee, #6699cc);
     background: -ms-linear-gradient(#ffeeee, #6699cc);
     background: -o-linear-gradient(#ffeeee, #6699cc);
     background: linear-gradient(#ffeeee, #6699cc);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeee',   
         endColorstr='#6699cc');
     zoom: 1; 
     min-width: 1060px;
         font-family: Verdana, Arial, sans-serif