我真的很难在Firefox和Chrome中看起来很棒的页面,但看起来像IE中的绝对废话。
我显然遗漏了一些东西,但在CSS方面,我对浏览器之间的兼容性问题并不十分熟悉。谁能给我一个提示?
索引页看起来很好!这真的让我陷入困境......
提前致谢
答案 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/但是还有其他变体也很有用。
将有助于解决大多数浏览器不兼容问题。 ;)