css ie/FF完全不同於chrome

我剛剛完成了我的投資組合網站，這是我第一次使用html5，它在Chrome中看起來很棒。但是，當我在IE和FF中測試它時，exep IE9有一些主要的差異，都出現在頭文件中。我認爲這是因爲頭部有固定的位置。我做了這個，因爲菜單。我創建了一個尋呼機，如果我沒有將位置設置爲固定的，當您單擊菜單項時，菜單消失。css ie/FF完全不同於chrome

第二個錯誤是，IE瀏覽器中所有的圖像都會出現一個藍色的邊框，而這個邊框不會出現在Chrome上。

而第三個錯誤是標題中的字體也與IE不同。我使用了@ font-face字體。

我的HTML和CS代碼在W3C上驗證。

你可以找到www.nathaliedehertogh.be

的網站是否有人可以幫助我這一個。

來源

2012-10-05 Nathalie De Hertogh

在Firefox沒有錯誤？ –

我會爭辯說，如果它不按照您的意圖工作，那麼它不會「完成」 –

您正在使用'

和'
來分隔和設置標題的樣式。我會避免這樣做。 – Blender

所有你需要做的是添加清除：兩個到#menu和邊界：0到img。

藍色輪廓在某些瀏覽器中默認顯示圖像是鏈接。

來源

2012-10-05 19:46:50 coopersita

謝謝sooo多!!!我只是在FF和IE8和IE9中測試它，現在很好。 IE7仍然給我一些其他的東西，但我會試着先弄明白。 –

問題與您的標題是你需要在您的CSS的clear函數。

這裏是新的和編輯的代碼。

#content, hr { 
    clear: left; 
    margin-left: auto; 
    margin-right: auto; 
    width: 80%; 
}

沒有固定位置的問題這只是一個常見問題，希望這有助於讓我知道！

來源

2012-10-05 19:44:23 djowinz

您需要在標題中清除以允許內容按照想要的方式流動。

爲IE設計的藍色邊框只需要一個CSS設置：

img { 
    border: 0; 
}

至於字體，有的字體不正確地在IE中讀取。我得到的錯誤是：

@ font-face失敗OpenType嵌入權限檢查。權限必須是可安裝的。

來源

2012-10-05 19:45:13 fanfavorite

您沒有在div'kopregel'中定義的高度..這是由於您的元素具有在其中定義的高度而導致的問題。

注意：我看到它全部在FF中破壞，東西正在被吸到右邊。

來源

2012-10-05 19:46:13 Jish

-1

的另一個重要區別的Chrome VS IE看看這個 http://technofizzle.blogspot.in/2013/04/chrome-and-ie-display-image-completely.html

來源

2013-04-17 05:27:10 Roji

也許在頁面中添加一些亮點（重要的引號）而不是粘貼鏈接？ –

css ie/FF完全不同於chrome

回答

相關問題