2011-08-03 12 views
0

ブラウザがページ幅の100%(別名960ピクセル)より狭い場合、コンテナブロックは100%になりません。ブラウザが狭いとCSSブロックが100%に縮尺されません

画像:display: inline-blockからhttp://www.upload.ee/image/1549682/problem.png

/* CONTENT */ 
div#content { 
width:100%; 
background-color: #e0e3e3; 
} 

div#content_wrap { 
display: block; 
width: 960px; 
min-height:200px; 
margin: 0 auto 0 auto; 
} 


<div id="content"> 
    <div id="content_wrap"> 
     test 
    </div> 
</div> 
+0

でこれを追加しますか?それはクロムでうまくいくようです。 –

答えて

0

変更width: 100%

div#content { 
    display: inline-block; 
    background-color: #e0e3e3; 
} 

問題はwidth: 100%親要素、子供のいないサイズの100%に幅を設定していることです。 divにコンテンツを収めるには、inline-blockを使用します。

+0

それは何とか余白をキャンセルし、ページはもはや中央揃えされておらず、背景色は子供の要素にしか影響しませんが、全幅にしたいと思います。 – Lauri

+0

表示:インラインブロック+幅100%トリックをしました、ありがとうございます。 – Lauri

1

あなたのスタイルあなたが問題を経験している何ブラウザ

body{ 
     margin:0; 
     padding:0; 
    } 
+0

それでも問題は解決しないようです:http://jsfiddle.net/bwcSs/あなたはまだ空白を見るために横にスクロールすることができます。 – hughes

+0

@hughes完全なコードをコピーしてメモ帳に貼り付けてください。 – Pratik

+0

どのブラウザですか?狭い間に迷惑な広告が表示されますか?なぜ10pxの詰め物をbody.cssの本文に追加してそれを削除するのですか?非常に多くの質問...私はChromeを使用しており、このソリューションは機能します。 – SacWebDeveloper

関連する問題