2012-03-13 15 views
0

Chrome、Firefox、およびSafariでは、下のCSSがページの上部に100ピクセルの余白を追加し、下にスクロールすると余白が消えます。これは私が欲しいものです。Internet Explorer 8で余白がスクロールしません。

Internet Explorer 8では、スクロールしていないにもかかわらず、ブラウザの上部に余白が続いています。他のブラウザと同じように動作させるにはどうすればよいですか?

body { 
    border-top: 100px solid #DE2A00; 
    margin: 0; 
    padding: 0; 
    } 
+2

いいえ、あなたが投稿したCSSは、本体の上部とまったくマージン100pxに境界線を追加します。 – j08691

答えて

0

あなたは余裕が作成されません、第二に、あなたがあなたの条件にとても余裕が動作するmargin:0;を与えるので、その完全に間違ったCSS ACCされbodyタグにborder-top:100px solid #DE2A00;を持っているまず第一に。あなたは、CSS下記参照bodyタグの上から余白をしたい場合は

body 
{ 
margin: 100px 0 0; /* or margin-top:100px; or margin: 100px 0 0 0 ;*/ 
padding: 0; 
} 
関連する問題