HTML：画像はトップに戻る:(

私はこれが非常に単純な修正でなければならないと感じていますが、それは私を夢中にしています。この画像をブラウザウィンドウの上に置いていますが、画像の上にこのパディングを取り除くことができません。HTML：画像はトップに戻る:(

パディングを0に設定するなどの試みをしましたが、すべてを削除しようとしましたが、まだパディングがあります。いただければ幸いです:)

<!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>

おかげ

出典

2012-04-26 Chad Z.

セットマージンを助けるべきであるmargin-top

にdiv要素にpadding-topを変更してみてください：

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

出典

2012-04-26 15:48:51 Curt

ああマージン！私はそれが何か簡単だと分かっていました。ありがとう、あまりにも多くの男：D –

<body style="margin: 0px auto;">

または

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

これはデフォルトであり、画面の上下に余白を取り除くでしょう。これにより、左右のマージンをautoに設定した結果、ほとんどのブラウザでコンテンツが表示されます。

出典

2012-04-26 15:48:45 Jordonias

も0に

出典

2012-04-26 15:48:45

あなたは絶対配置を試みることができる...

div {position:absolute; top:0px;}

出典

2012-04-26 15:49:48 CoffeeRain

試用：

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

Firefoxで確認済みです。

出典

2012-04-26 15:50:08

HTML：画像はトップに戻る:(

答えて

関連する問題