1

これは非常に簡単な修正であると思いますが、それは私を夢中にさせています。この画像をブラウザウィンドウの上部に配置しようとしていますが、画像の上にこのパディングが表示され、削除できません。

パディングを0に設定するなど、いくつかのことを試しましたが、すべてを削除しようとしましたが、まだパディングが表示されています。どんな助けもいただければ幸いです:)

http://twopairphoto.com/SlapFat/

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en">
<head>
  <style>

    body{
      padding-top: 0px;
    }       
    div {  
      padding-top: 0px;
    }    
  </style>
</head>
<body background="SlapFatBG_sm.jpg">
<div id="container" align="center"><img src="slapfatsplash_sm.jpg" /></div>
</body>
</html>

ありがとう

4

5 に答える 5

1

マージンも0に設定します。

body {
      padding-top: 0px;
      margin:0;
}
于 2012-04-26T15:48:51.437 に答える
0 
<body style="margin: 0px auto;">

また

body {
  padding-top: 0px;
  margin: 0px auto;
}

これにより、デフォルトで画面の上下にある余白がなくなります。これにより、左右の余白を自動に設定した結果、ほとんどのブラウザでコンテンツが中央に配置されます。

于 2012-04-26T15:48:45.403 に答える
0

padding-topdivをに変更してみてくださいmargin-top

それは役立つはずです

于 2012-04-26T15:48:45.233 に答える
0

絶対測位を試すことができます...

div {position:absolute; top:0px;}
于 2012-04-26T15:49:48.567 に答える
0

これを試して：

body{
  padding-top: 0px;
  margin-top: 0px; //<---- Set body margin to 0px
}

Firefoxで確認済み。

于 2012-04-26T15:50:08.977 に答える