2011-09-12 8 views
1

bodyタグを持つレイアウトがあります。 bodyタグは960pxのCSS幅です。divを強制的に現在のウィンドウの幅の100%に合わせるブラウザ

bodyタグ内にDIVがありたいと思います。このdivをブラウザウィンドウの100%幅にする必要があります。

内部divが体を継承するため、残念ながら私は結果を得ることができません。

私の質問; bodyタグ内にあってもdivを強制的に現在のBrowserウィンドウの100%の幅に合わせる方法

PS。私は!width属性の重要試みるが、あなたはあなたのケースでカント

おかげ

+1

サンプルコードはありますか? – Dutchie432

答えて

5

を動作しません。ボディ使用ラッパーの代わりにwidth:960pxの代わりに。

<body> 
    <div class="wrapper"> 
    my content goes here 
    </div> 
    <div> 
    my 100% width div goes here 
    </div> 
</body> 

.wrapper { width:960px; margin:0 auto; } 
2

あなたのレイアウトの背景は100%ですが、レイアウトの幅は960pxです。それはあなたの問題である場合は、下に1つのピクセル垂直背景のトップを取る..

0

使用jqueryのウィンドウの幅を取得します$(window).width()をとのようなものではjQueryを使用してdiv要素の幅を更新:$("#theIDofDiv").css("width", widthVar);

これは標準ではなく、適切な形式であり、コードはテストされていませんが、理論上は本体にoverflow:hiddenがある場合、結果を得ることができます。

関連する問題