IE下CSS不兼容的一种解决方案

这个一个非常诡异的事情。我写了一个网站,AlternativeSplicingMiner,开发过程全部是在MAC上做的,于是没有注意到它在IE上的显示问题。后来到IE下一测试,许多问题都出来了。不能居中,margin总是比想象的大,position不能fix等等。怎么改写css都无解。后来,在生成的网页前加上了一句:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

居然一切都解决了。一句话就可以解决许多问题。W3C推荐的模板:

<!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>
	<title>An XHTML 1.0 Strict standard template</title>
	<meta http-equiv="content-type" 
		content="text/html;charset=utf-8" />
</head>

<body>

     <p>… Your HTML content here …</p>

</body>
</html>

详见:http://www.w3.org/QA/2002/04/valid-dtd-list.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注