Firefox，Internet Explorer和Safari中的不同定位？

我相信這個問題已經被問了很多次了，並且在每次發生之前我都設法解決了這個問題。就在現在，我覺得它堅持下去，找不到一個適合所有瀏覽器的解決方案：它只在Firefox中正常工作，而在IE和Safari中，它的元素彼此不同。你可以在這裏看到的結果是： http://img813.imageshack.us/img813/8393/firefox.png http://img812.imageshack.us/img812/8041/10990669.png Firefox，Internet Explorer和Safari中的不同定位？

這是我使用的代碼： http://pastebin.com/n6KEjazp

非常感謝你提前！

來源

2010-06-11 User3419

在您的全球選擇你有填充拼寫錯誤。 paddign：0; ==> padding：0; – 2010-06-11 22:59:52

除了填充拼寫錯誤（無效CSS），其他瀏覽器計算單元高度的方式也不同。在IE中，高度被添加到填充。

更改此：

.top_menu { 
     background-image: url(images/header.png); 
     background-repeat: no-repeat; 
     height: 155px; 
     font-family: LilyUPC; 
     padding-left: 184px; 
     padding-top: 120px; 
    }

要這樣：

.top_menu { 
     background-image: url(images/header.png); 
     background-repeat: no-repeat; 
     font-family: LilyUPC; 
     padding: 120px 0 1em 184px; 
    }

來源

2010-06-12 00:38:14

非常感謝！這使事情變得更好，但表格元素之間仍然存在一些空間，只是在邊界應該在的位置，但我已經在表格中設置了內聯樣式=「border-style：hidden;」 - 它是不是應該刪除元素之間的任何空間，就像在Firefox中一樣？ – User3419 2010-06-12 08:38:46

沒有任何版本的Internet Explorer（包括IE8）支持border-style屬性值「inherit」或「hidden」。使用「none」。對於其他問題，請使用重置（EG：http://meyerweb.com/eric/tools/css/reset/reset.css）並*驗證您的CSS *。 – 2010-06-12 08:50:24

非常感謝你！ – User3419 2010-06-12 17:47:37

Firefox，Internet Explorer和Safari中的不同定位？

回答

相關問題