IE的margin居中问题

自从开始使用vim写wiki后，又折腾了一个感觉还不错的样式。但是在IE中却出现了样式不兼容的情况：一个自定义的<wrap>标签总是不能居中，而且css样式中写的圆角没效果。因为平时较少使用IE所以一直不在意，没有去改它。今天有空好好搜索了一番，原来这个问题很好解决。

解决办法是在 DOCTYPE 中加上 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" 如下一段简单的代码便可在主流浏览器中居中，包括IE6：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>margin auto</title> 
</head>
<body>
    <wrap style="width:100px;height:100px;margin:30px auto;background:red;">
    我的内容
    </wrap>
</body>
</html>

还有的解决办法就是使用 XHTML 文件头：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>margin auto</title> 
</head>
<body>
    <wrap style="width:100px;height:100px;margin:30px auto;background:red;">
    我的内容
    </wrap>
</body>
</html>