2011-08-10 83 views
1

我需要我的旗幟緊靠瀏覽器的頂部。問題是,有一個白色的小缺口btween,圖像坐在div和頂部...香港專業教育學院嘗試設置填充爲0 DIV和機構,它不工作:-(如何關閉我的橫幅所在頁面頂部的空白處?

<!DOCTYPE html> 

<html> 
<head> 
    <title>Welcome Home</title> 
    <link type="text/css" rel="stylesheet" href="/Shared/Css/Style.css" /> 
    <link type="text/css" rel="stylesheet" href="/Shared/Css/Navigation.css" /> 
    <script language="javascript" type="text/javascript" src="../../Shared/Scripts/jquery-1.6.2.min.js"></script> 

</head> 
<body> 

    <div style="padding-top:0px;"> 


     <div id="header-image"> 
      <img alt="Header" src="../../Security/FileFetcher.aspx?RelativePathToFile=App/images/topnav.jpg&mimetype=image/jpeg" /> 
     </div> 



    </div> 
</body> 
</html> 


body 
{ 
    background: url("/Security/FileFetcher.aspx?RelativePathToFile=App/images/background.jpg&mimetype=image/jpeg") repeat-x scroll 0 0 transparent; 
    padding:0px 0px 0px 0px; 
} 

#main-content-container 
{ 
    margin-left:auto; 
    margin-right:auto; 
    width:930px; 
    border-left:2px solid Gray; 
    border-right:2px solid Gray; 
} 


#header-image 
{ 
    width:960px; 
    margin-left:auto; 
    margin-right:auto; 
    padding-top:0px; 
} 
+2

可能它是背景圖像的一部分。你檢查了嗎? – Brahadeesh

+1

邊距如何? – Andrew

回答

4

一個你需要設置<body>的保證金:

body { 
    margin: 0px; 
} 
0

嘗試添加該以上樣式表體選項

* {margin:0;padding:0;} 

你也可以看看的許多CSS reset options