バックグラウンドのグラデーションが終了し、続行しません

Question

私は私の体の下にdivを持っています。これは、その背景CSSを持っています

-moz-linear-gradient(center top , #000000 0%, #30FF40 400px) repeat scroll 0 0 transparent 

のDataTable（jqGridテーブル）がある私のdivの内側。私は私のページが読み込まれた後、グリッドテーブルは私のページ上のスペースを取得すると思います。だから、私のグラデーションの背景はどこかで終わり、ページの下部には空白があります（他のページにはデータテーブルがありません）。

どうすれば解決できますか？

EDIT：

私の問題は、そのようなものです：

PS：

私が見つけ、それを引き起こします。私は私のデータテーブルを含んでいるdiv要素を持っている：私は私のWebページを開くと

<div id="cont"> 
... 
</div> 

それは次のように次のようになります。

<div id="cont" style="height: 602px;"> 
... 
</div> 

私はheight:autoなどへ#contスタイルを変更したが、何かが、それも私が書くよりも優先されますインラインCSS定義。それはのようなCSSを持っています：

#cont { 
    min-height: 100%; 
    margin: 0 auto; 
    min-width: 960px; 
    max-width: 80%; 
} 

すべてのアイデア？

Answer 1

は同様に私の答えを更新しました:)いくつかのjqueryのは、あなたのIDの#contそれは私の作品

<style type="text/css"> 
html, body{ margin:0px; padding:0px; background: #fff; min-width:300px/*480px*/; height:100%;} 
.yourClass 
{ 
margin:0; padding:0; display:block; overflow:hidden; 
    background: #444444; background-repeat:repeat; 
    background: -moz-linear-gradient(center top, #8db849, #444444); 
    width:100%; min-height:100%; 
} 
#cont { 
    height:320px;/*Assumed height by Jquery/whaterver, you can remove while real time*/ 
    margin: 0 auto; 
    min-width: 960px; 
    max-width: 80%; 
    background:#0099CC; 
} 
</style> 



<div class="yourClass"> 
    <div id="cont"> 
    ... 
    </div> 
</div> 

、歓声に高さを適用しています！

Answer 2

-moz-linear-gradient(center top , #000000 0%, #30FF40 100%) repeat scroll 0 0 transparent 

400pxの制限を解除するとどうなりますか？

Answer 3

これを見つけるには少し時間がかかりましたが、答えはhttps://developer.mozilla.org/en/CSS/-moz-linear-gradientです。 「Notes」セクションをチェックしてください。基本的には、デフォルトでは背景がコンテナ全体を満たさない「バグ」です。

基本的には、@Jonas G. Drange（100％への最後の値を変更）によって提案された編集を使用して、CSSのシートに新しいルールを追加します。

html /*<-- or whatever the container element is */ 
{ 
    min-height:100%; 
} 

ビオラ。