相對定位成千上萬IE黑客的噩夢的終極選擇？

Question

我發現這很有趣：

http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm

他避免使用水平邊距和補白，以避免與IE瀏覽器的問題。我認爲他使用相對定位來「僞造」填充。

你有沒有做過這樣的事情？ 我缺少一個反對IE黑客的共同趨勢？ 這種做法是否有缺點？

Answer 1

這個例子已經過時了。

這樣的邊距和襯墊問題是IE5的破箱模型的問題。在IE的更高版本中，如果IE位於quirks mode，則只能獲得該損壞的盒子模型。這是你應該不惜一切代價避免的東西。使用正確的文檔類型！

您實際鏈接的示例依賴於該破箱模型中的。他有一個不更新的版本： http://matthewjamestaylor.com/blog/holy-grail-no-quirks-mode.htm

但是你究竟試圖解決什麼樣的IE問題？您是否特別想要鏈接到頁面中的3列布局？你想爲IE佈局問題提供一般解決方案嗎？或者你想要完全忘記IE？

當處理佈局和IE6/7時最重要的是知道它的hasLayout屬性。閱讀On having layout瞭解所有細節。

如果您正在尋找可以幫助您構建與所有瀏覽器兼容的複雜佈局的工具，那麼可以查看一下網格框架，如YUI Grids或Blueprint。但我不能說我是這些人的粉絲，因爲他們傾向於導致無意義的div湯。

如果您不介意使用一些（實驗性）JavaScript來自動修復整個網站，您可以試試IE7.js。我已經使用過這個，雖然它肯定有它的怪癖和侷限性，所以請自擔風險使用。

雖然相對定位並不是最終的解決方案，但它只是框中的一個工具。瞭解它並在適當時使用它。例如，參見Sitepoint's CSS layout and formatting reference。儘管可能很乾，但我發現CSS規範是非常寶貴的，尤其是visual formatting modeldetails的章節。