網頁格式化的問題

我有兩個問題。第一個，是我在FF，IE和頂部img和標誌之間的鉻中斷。第二個問題只出現在IE中，會發生什麼情況是徽標周圍有邊框。我究竟做錯了什麼？網頁格式化的問題

<!DOCTYPE HTML> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<title>2E Network - Home</title> 
<link href="style.css" rel="stylesheet" type="text/css" /> 
</head> 

<body> 
<div id="wrapper"> 
    <div id="header"><img src="Images/top_page.png" width="963" height="29"><div id="logo"><a href="/" id="logoimg"><img src="Images/logo.jpg" width="921" height="272" alt="Logo" longdesc="/index.php"></a></div> 
    </div> 
    <div id="main"> 
    </div> 
    <div id="footer"><img src="Images/bottom_page.png" width="963" height="50"> 
    </div> 
</div> 
</body> 
</html>

單獨的CSS樣式表

body { 
background-image: url(Images/bkg.png); 
background-repeat: repeat-x; 
} 
#wrapper { 
width: 963px; 
margin: auto; 
} 
#main { 
background-image: url(Images/wrapper_bkg.png); 
background-repeat: repeat-y; 
} 
#logo { 
background-image: url(Images/wrapper_bkg.png); 
background-repeat: repeat-y; 
} 
#logoimg { 
margin-left: 15px; 
}

Check the current page here

來源

2010-12-07 Sean

修復間隙使頂部圖像顯示：塊; 和邊境你可以在這裏看到它

http://www.jsfiddle.net/CcvTD/2/

編輯：更新，以便邊界被刪除過

來源

2010-12-07 05:04:39 Breezer

不錯的工作Breezer :) – 2010-12-07 05:07:14

這將擺脫邊框：

#logoimg img { 
    border:0px; 
}

爲彌補這個不足，嘗試：

#header img, #logo { 
    margin:0px; 
}

來源

2010-12-07 04:58:35

擺脫了邊框的，但差距仍然存在 – Sean 2010-12-07 05:04:39

網頁格式化的問題

回答

相關問題