IE 6的錯誤定心div標籤絕對定位

<div id="outer" style="width:100%; text-align:center">IE 6的錯誤定心div標籤絕對定位

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

我使用這兩個<div>標籤居中菜單。它工作得很漂亮，除了在IE 6中。

我翻翻了其他的問題，嘗試了幾件事情，但沒有成功。

我將不勝感激任何建議。

來源

2009-07-24 Deborah

首先...確保您的頁面具有適當的DOCTYPE定義。否則，IE6將進入怪癖模式，並且幾乎不可能按照您希望的方式獲得您的佈局。

HTML doctype declaration

所有的二...爲什麼絕對定位？你可以很容易有一個DIV這樣的：

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

哪些應集中在div正是你想要的方式（只要我得到的一切權利把我的頭頂部）。

來源

2009-07-24 23:56:18

我真的需要使用絕對由於網站的情況和當前的情況。謝謝您的幫助。 – Deborah 2009-07-26 20:59:16

如果你必須擁有絕對的定位，我似乎記得你可以在IE6中用margin來做一些技巧。

<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>

來源

2009-07-24 23:59:54 Joel

Joel - 謝謝！這工作！我非常感謝幫助。 – Deborah 2009-07-26 20:58:02

嘗試增加position:relative;您outer股利。而且，像Justin suggests一樣，請確保您使用的是DOCTYPE。

沒有什麼應該發生什麼是發生，很難給出一個明確的答案的例子。

來源

2009-07-25 00:15:17

IE 6的錯誤定心div標籤絕對定位

回答

相關問題