CSS和IE瀏覽器不兼容

我真的很苦惱於在Firefox和Chrome瀏覽器中看起來不錯的頁面，但看起來像IE中的絕對垃圾。CSS和IE瀏覽器不兼容

我明顯錯過了一些東西，但我對CSS在瀏覽器之間的兼容性問題並不十分熟悉。任何人都可以給我一個小費？

Page with the issue。

索引頁看起來不錯！這實際上是扔我大吃一驚......

在此先感謝

來源

2010-11-23 user198923

您的頁面沒有文檔類型，所以IE是回落到怪癖模式。

嘗試添加該HTML標記上面：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

來源

2010-11-23 01:20:45 david

你是對的！這是文檔類型！我會檢查你的答案（但我必須再等10分鐘！） – user198923 2010-11-23 01:23:42

您使用的CSS重置？這是我正在使用的CSS重置：http://meyerweb.com/eric/tools/css/reset/但也有其他的變化也是有用的。

將幫助解決大多數瀏覽器不兼容問題。 ;）

來源

2010-11-23 01:21:04 catandmouse

首先這是一個格式不正確的HTML，使它<html> <head> <scripts .../></head> <body> </body></html>。這會讓你的第二頁看起來像第一頁。

我添加了一個XHTML DTD來修復中心對齊 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">。這將使你的第一頁看起來更像Chrome和Firefox。

最後，您正在使用HTML5標記<header>和<nav>。 IE瀏覽器並不完全支持HTML5，Firefox則部分支持它。我寧願對現在使用它們持懷疑態度，或者至少在所有瀏覽器中都進行測試。雖然我看到你在IE中添加了一個用於模擬HTML5的js。把這個js放在body之前。但其有趣的是它如何模擬HTML5 :)。

來源

2010-11-23 01:50:06

CSS和IE瀏覽器不兼容

回答

相關問題