中心 div 在 IE8 中不起作用？答案

【问题标题】：Center div not working in IE8?中心 div 在 IE8 中不起作用？
【发布时间】：2011-12-12 11:47:00
【问题描述】：

以前从未遇到过居中 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%;}

【问题讨论】：

标签： html css stylesheet styling

【解决方案1】：

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

【讨论】：

正确。谢谢你。工作一种享受
虽然在旧浏览器中中断。
通过browsershots.org 或类似的服务检查您的网站，然后亲自查看。描述每个“故障”对于这个评论区来说太过分了；尤其是没有截图。
对不起，你在说什么？？ here 的问题是缺少 doctype 并且答案已被接受和测试，wtf u -1 this answer???