我的内容左对齐在IE 7中？

我有一个外部的div，它在铬，firefox中正常工作，但不是在IE中。我有一些内部外部div ..使其中心对齐或页面中间我给这个宽度：970px;高度：630像素;到外部div ...所以我得到的内容在铬和Mozilla的中心...但在IE 7的情况下，在它的左对齐..我的内容左对齐在IE 7中？

这里是我的CSS ....

<style type="text/css"> 
body, html 
{ 
    font-family:helvetica,arial,sans-serif; 
    font-size:90%; 
} 
div.outer 
{ 
    display: block; 
    margin-left: auto; 
    margin-right: auto; 
    width:970px; 
    height:630px; 
    position:relative; 
} 
</style>

这里是我的全码：

<head><title>home</title> 
</head><body class='claro'><div class='outer' style="border:1px solid black;"> 
<div id="dottedBorderhome"> 
</div> 
<div id="dragIconhome"> 
</div> 
<div class="claro" id="menuDiv2" onclick="setWidgetproperty(this.id,'x','navMenu2');" onmousedown="setMenuBarProperty('navMenu2');" onmouseup="setDocStyle(this.id)" style="border: 1px dotted white; left: auto; position: absolute; top: 17px;"> 
    <!-- here one menu bar will come --> 
</div> 
<div class="claro" id="divlabel43" onclick="setWidgetproperty(this.id,null,'divlabel43')" onmouseup="setDocStyle(this.id)" style="left: 50px; position: absolute; top: 92px; text-align: right; font-family: Times; font-size: 15pt; font-weight: bold;" > 
    <label id="label43" onclick="setLblProperty(this.id)" onmouseover="editName('divlabel43',this.id,'label')"> 
      Worklist Manager 
    </label> 
</div> 
<div class="claro" id="htmlTableDiv9" onmouseup="setDocStyle(this.id)" style="left: auto; position: absolute; top: 130px; height:70px; width:150px;"> 
    <!-- here its contains table --> 
</div> 
<div class="claro" id="divImage2" onclick="setWidgetproperty(this.id,'xy','image2')" onmouseup="setDocStyle(this.id)" style="left: auto; position: absolute; top: 70px;"> 
    <img class="images" id="image2" name="Search-icon2.png" onclick="setImgProperty(this.id)" src="images/uploads/Search-icon2.png" style="height: 50px; width: 58px;"> 
</div> 

<div class="claro" id="menuDiv1" onclick="setWidgetproperty(this.id,'x','navMenu1');" onmousedown="setMenuBarProperty('navMenu1');" onmouseup="setDocStyle(this.id)" style="border:1px dotted white; left: auto; position: absolute; top: 640px;"> 
    <!-- here another menu bar --> 
</div> 

<div id="CWPWORKLIST__1" onclick="setWidgetproperty(this.id,'xy','inner__CWPWORKLIST__1')" ondblclick="editDataGridResponseMapping(this.id)" onmouseup="setDocStyle(this.id)" style="left:auto; position:absolute; top:340px; height: 296px; width: 921px;"> 
    <!-- here another table--> 
</div> 
</div></body>

来源

2012-12-21 Bobby

一个div是默认为块级元素，你不需要再告诉它:) – Kyle

我们展示了一些HTML请。 – Tetaxa

也许这有助于：http://stackoverflow.com/questions/4742877/center-align-div-in-internet-explorer –

正如埃里克森建议，https://stackoverflow.com/questions/4742877/center-align-div-in-internet-explorer可能持有你的答案。要么你有非有效的HTML将IE7置于怪癖模式，或者你错过了文档类型。

来源

2012-12-21 08:51:02 scoota269

非常确定这是它。最有可能丢失文档类型。 – Tetaxa

你知道了...非常感谢... – Bobby

试试这个

<style type="text/css"> 
body, html 
{ 
    font-family:helvetica,arial,sans-serif; 
    font-size:90%; 
} 
div.outer 
{ 
    display: block; 
    margin:0 auto; 
    width:970px; 
    height:630px; 
    position:relative; 
} 
</style>

来源

2012-12-21 08:44:14 user1921049

什么是不同？ –

区别在于margin：0 auto; – user1921049

将属性更改为简写形式并没有真正起作用。 – scoota269

使用具有适当文档类型的代码。

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

来源

2012-12-21 09:53:23 Jaison

例如：用jsfiddle http://jsfiddle.net/jjkktr/VXnLd/ – Jaison

我的内容左对齐在IE 7中？

回答

相关问题