CSS和Internet Explorer不兼容

时间:2010-11-23 01:16:54

标签: css css3

我真的很难在Firefox和Chrome中看起来很棒的页面,但看起来像IE中的绝对废话。

我显然遗漏了一些东西,但在CSS方面,我对浏览器之间的兼容性问题并不十分熟悉。谁能给我一个提示?

Page with the issue

索引页看起来很好!这真的让我陷入困境......

提前致谢

3 个答案:

答案 0 :(得分:6)

您的页面没有doctype,因此IE正在回归怪癖模式。

尝试在html标记上方添加:

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

答案 1 :(得分:2)

首先,这是格式错误的HTML <head> <body> </head> <body>,将其设为<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 chrome部分支持它。我宁愿在现在使用它们或至少在所有浏览器中测试时持怀疑态度。虽然我看到你在IE中添加了一个用于模拟HTML5的js。把那个js放在身前。但有趣的是它如何模拟HTML5 :)。

答案 2 :(得分:1)

您使用的是CSS重置吗?这是我正在使用的CSS重置:http://meyerweb.com/eric/tools/css/reset/但是还有其他变体也很有用。

将有助于解决大多数浏览器不兼容问题。 ;)