Center div无法在IE8中工作？

从未有过之前定心div的问题，但我一直在试图让100个％的高度柱（我已经实现了大多数浏览器）。我相信100％的高度与IE8中div的居中之处相混淆。Center div无法在IE8中工作？

所以基本上我试图让#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%;}

来源

2011-12-12 Sean H Jenkins

这可能与该doctype ..尝试把<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">或HTML5一个<!DOCTYPE HTML>以上您<html>

来源

2011-12-12 11:50:40 stecb

点。谢谢你。作品一个款待 –

虽然在老浏览器中打破。 – 2011-12-12 21:03:47

@电子寿司什么休息？ – stecb

Center div无法在IE8中工作？

回答

相关问题