div边上的边距auto
将它留给浏览器来决定它的位置。没有任何东西告诉浏览器div应该在主体中居中,或左右对齐。所以这取决于浏览器。如果您向身体添加指令,您的问题将得到解决。
<html>
<head>
<title>Welcome</title>
<style>
body { text-align: center;}
#pageContainer {width:300px; margin:0px auto;
text-align:center; border:thin 1px solid;}
#toLogo{border:none; }
</style>
</head>
<body>
<div id="pageContainer">
<a href="http://portal.thesit.com" id="toSite">
<img src="LOGO_DNNsmall.png" id="toLogo">
</a>
</div>
</body>
</html>
我在div上添加了一个1px边框,以便您可以更清楚地看到发生了什么。
由于它处于怪癖模式,因此您将它留给浏览器。要删除怪癖模式,DOCTYPE定义添加到顶部,像这样:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Welcome</title>
<style>
#pageContainer {width:300px; margin:0px auto;
text-align:center; border:thin 1px solid;}
#toLogo{border:none; }
</style>
</head>
<body>
<div id="pageContainer">
<a href="http://portal.thesit.com" id="toSite">
<img src="LOGO_DNNsmall.png" id="toLogo">
</a>
</div>
</body>
</html>
现在,你就可以在页面上看到您的300像素DIV中心。
反正它无关,与IE浏览器版本。它在所有IE-s – DaDa 2009-05-03 08:00:23
中的工作原理是相同的,它更好地使用doctype,一半的错误将被修复。 – Mike 2009-05-03 09:11:31