對齊問題顯示：表格和顯示：IE7和IE9中的表格單元格

我正在一個有幾個欄的網站上工作，我已經和它打了一陣子，最後以爲我已經排好了所有東西正確。我在Adobe BrowserLab中進行了交叉檢查，看起來一切都很好（IE6和IE7除外，但我只是接受了這一點）。對齊問題顯示：表格和顯示：IE7和IE9中的表格單元格

我試過在不同的計算機上，雖然和我試過的IE9上顯示它像IE7顯示它在BrowserLab。基本上，發生的事情是「每日技術博客」專欄滑入頁面底部。

不能爲我的生活找出原因。正如你將會在CSS中注意到的那樣，我使用display：table和display：table-cell，因爲這是我能夠在所有瀏覽器上進行排列的唯一東西（或者我認爲）。我最初只是使用DIV，但他們被不同的瀏覽器所對待。然後，我嘗試用<table> s重新創建它，但是這使得所有的東西都變得無用。這裏是鏈接到我的jsfiddle：

http://jsfiddle.net/uBahh/1/

有什麼想法？

來源

2012-02-16 MillerMedia

也許您的IE9處於「兼容性視圖模式」？當前模式可以在用F12鍵打開的開發工具窗口中查看。 – 2012-02-16 21:40:39

這裏一切都OK。 IE9在標準模式和怪癖模式下的Win7。 – rcdmk 2012-02-16 21:42:47

@MaratTanalin我同意了。 – rcdmk 2012-02-16 21:43:24

我找到了我的目的，最好的方法是在代碼頂部。然後，我可以用position:absolute來調整我想要的東西。雖然我通常傾向於避免像這樣的黑客攻擊（而大多數人會這樣做），但這實際上只是IE7中的一個主要問題，而且這是對我來說最有效的方式，而不是混淆每個其他方面都證明的代碼瀏覽器。

來源

2012-02-20 22:54:53 MillerMedia

對齊問題顯示：表格和顯示：IE7和IE9中的表格單元格

回答

相關問題