Question

我一直在建设这个网站，我正在接近完成。所以我决定在IE和Firefox（我使用Chrome）中查看它。该网站在Chrome和FireFox中看起来很棒但是有些页面在Internet Explorer中搞砸了！

会导致什么？我知道我听说有人说IE总是很糟糕但是大多数人都使用IE浏览器而且我得到报酬为大众创建一个网站。

有人请帮助!!

这是测试链接： http://graves-incorporated.com/test_sites/solera_new/index.html

Answer 1

各种浏览器都有各种渲染引擎和规则。这可能导致在不同的浏览器中以不同的方式呈现相同的标记。

我建议指定一个DOCTYPE，因为它看起来你没有添加一个，这将阻止在怪癖模式下进行IE渲染。

其他指南是仅使用CSS使用干净的语义标记和样式。

定期在其他浏览器中检查您的网站！

Answer 2

只需添加一个Doctype。由于没有DOCTYPE声明，IE以Quirks模式呈现网站。在IE 7,8,9模式下查看时，一切似乎都可以正常

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us" dir="ltr" lang="en-US">

Answer 3

添加：

<!doctype html>

在文档顶部将帮助IE以最佳文档模式呈现。此外，您可以将此元标记添加到head部分：

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

这将使IE7,8和9在最现代的渲染引擎中呈现网站。

IE6完全是一个不同的故事，如果你想支持它完全准备好长时间的调整：D。如果你想更深入地潜水，我也建议你看看这两个网站：

Answer 4

我刚检查了IE8中的链接，我看不到任何明显的“混乱”。如果您正在为早期版本的IE设计，那么您需要记住，并非所有CSS属性都在IE中工作，或者与其他浏览器不同。

This link给出了每个IE版本支持的CSS函数的详细列表。

在设计网站时，还需要查看progressive enhancement。

显然，如果没有您提供更多详细信息，很难给出具体答案（请查看FAQ以了解未来的问题），但您现在应该能够朝着正确的方向前进。< / p>

Answer 5

对于那些有问题的浏览器，可能需要使用不同的stylesheets。

请阅读有关How to Use Different CSS Style Sheets For Different Browsers

的文章

希望这个帮助

我的一些页面看起来在IE中搞砸了

5 个答案: