中心div在IE8中不起作用？

Question

之前从未有过居中div居中的问题，但我一直在尝试获取100％高的列（这对于大多数浏览器而言都是如此）。 我相信100％的高度会使IE8中的div居中混乱。

所以基本上我想让#wholewrap居中对齐，我目前正在使用margin: 0 auto; 但是它不适用于IE8？

有什么想法为什么会发生这个错误或如何解决？

如果您尝试使用此代码，那么它应该可以在FF，Chrome和Opera中运行，但还没有IE9。

由于某种原因，由于某些原因，JSFiddle中此结果在IE8中会有所不同，JSFiddle中显示的结果实际上并不是IE8中显示的结果。

的HTML

<html>
<head>
    <link rel="stylesheet" type="text/css" href="newcss.css"/>
</head>
<body>

<div id='wholewrap'>

    <div class='ttc'>
       <p>
          Left Column<br />
          Left Column<br />
          Left Column<br />
       </p>
    </div>

    <div class='otc'>
       <p>
          Right Column<br />
          Right Column<br />          
       </p>
    </div>

    <br style='clear:both;' />
</div>

</body>
</html>

的CSS

div{border:1px #000 solid;}

html{height: 100%;}

body{height: 100%;}

#wholewrap{width:500px;margin:0 auto;min-height: 100%;height: 100%;}

.ttc{width:45%;float:left;min-height: 100%;height: 100%;}
.otc{width:45%;float:right;min-height: 100%;height: 100%;}

Answer 1

可能与doctype 。尝试将<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">或HTML5在<html>上方的<!DOCTYPE HTML> <html>