Question

<div id="outer" style="width:100%; text-align:center">

<div style="position:absolute; top:197px; text-align: center; width:858px; margin:auto; left: 0; right:0">

我正在使用这两个<div>标签来集中菜单。除了在IE 6中，它的工作效果非常好。

我查看了其他问题，尝试了几件事，但没有任何效果。

我很感激任何建议。

Answer 1

首先关闭...确保您的页面具有正确的DOCTYPE定义。否则IE6将进入怪癖模式，几乎不可能按照你想要的方式获得你的布局。

HTML doctype declaration

第二个......为什么绝对定位？你可以像这样轻松拥有一个div：

<div style="width: 858px; margin-top: 197px; margin-left: auto; margin-right: auto;" />

哪个应该将div完全按照你想要的方式居中（只要我把所有东西都放在我的头顶上）。

Answer 2

如果你必须有绝对定位，我似乎记得你可以在IE6中做一些带边距的技巧。

<div id="outer" style="width:100%; text-align:center">
   <div style="position:absolute; top:197px; text-align:center; width:858px; left: 50%;border:solid 1px red;margin-left:-429px;">
      My Menu
   </div>
</div>

Answer 3

尝试将position:relative;添加到outer div。并且，与Justin suggests一样，请确保您使用的是DOCTYPE。

如果没有应该发生什么以及发生什么的例子，那么很难给出明确的答案。

IE 6错误居中的div标签与绝对定位

3 个答案: