2011-09-14 21 views
0

私は数時間の間、次のコードで遊んでいて、コンテナ内の黄色の罫線をコンテナの高さの100%まで伸ばすことができませんでした。CSSボーダーで100%の高さ

私は通常、ここに投稿する前に私のコードを短くしていますが、左と右の画像枠が要因であるため、私はすべてのことをそのままにしていました。

マイjsFiddle - http://jsfiddle.net/anvio/KErVs/2/

誰もが、私が試してみてください何上の任意のアイデアがありますか?ありがとう。

+0

あなたは私たちに多くのコンテキストを与えることができますか?モジュールコンテナ、ボディ、テーブルの100%?私はあなたが垂直の黄色の線を話していると仮定します。いくつかのマークアップを含む画像は1000語に相当する=) – mrtsherman

+0

yea haha​​黄色の縦線について語っています – SineCosine

答えて

0

私は、これはあなたが望むかもしれないと思う:

あなたはheight

module-inner-containerから
<div class="module-inner-container" style="height:38px;"> 

を追加し、.module-container .body .content

から
.module-container .body .content{ 
    min-height:100px; //REMOVE THIS 
    background-repeat: repeat; 
    background:url("//image") repeat; 
    position:relative; 
} 

min-heightを削除した場合の境界線は、にストレッチ下。

例:http://jsfiddle.net/jasongennaro/KErVs/4/

+0

「Column 3 Test」のようなセル内のテキストを追加または削除すると境界線が伸びないすべての方法をダウン。コンテナは静的ではないので、境界線はコンテナで延長できる必要があります。 – SineCosine