2013-02-13 147 views
-1

這是我的網站框架的HTML代碼:爲什麼還有空白?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<link href="css/base.css" rel="stylesheet" type="text/css" >  
</head> 
<body> 
<div id="center"> 
</br> 
</br> 
</div> 
</body> 
</html> 

,這是base.css的樣子:

#center{ 
border:0px; 
margin:0px auto; 
width:960px; 
background-color: #66ffff; 
padding:0px; 
} 

的問題是,還有在我的網站空白,這裏一張圖片: http://s4.postimage.org/6fagq090d/Untitled.png (紅色箭頭指出哪些空間我認爲會將邊框,邊距和填充消失爲0)。

保證金上的「自動」我已經把它總是對齊中心,但我不明白爲什麼我不能移動這個空間。我嘗試刪除之間的空間,所以它會像但沒有幫助。我在哪裏犯錯?

+0

可能因爲'body {padding:0}'沒有被應用。 – 2013-02-13 20:43:22

+2

下一次請鏈接到演示頁面而不是屏幕截圖 – ThiefMaster 2013-02-13 20:43:53

+0

是的,這是問題所在,謝謝 – 2013-02-13 20:44:52

回答

2

您還需要刪除圍繞HTML和身體保證金:

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

非常感謝,我找不到問題 – 2013-02-13 20:44:30

1

<body>最有可能有一個保證金/填充。零那些,太:

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

你需要重新設置body這樣,

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

可以補充身體{保證金:0;填充:0}到你的CSS會有一些空間