Question

我有两个问题。第一个是，我在顶级img和徽标之间的FF，IE和Chrome中断了。第二个问题只出现在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

Answer 1

修复间隙使顶部图像显示：block; 和边界你可以在这里看到它

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

编辑：已更新，因此也删除了边框

Answer 2

这将摆脱边界：

#logoimg img {
  border:0px;
}

要修复差距，请尝试：

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

格式化网页的问题

2 个答案: