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

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

这会导致什么？我知道我听说有人说IE总是出问题，但大多数人使用IE，而且我得到报酬来为大众制作网站。

有人请帮忙!!

这里是测试环节： http://graves-incorporated.com/test_sites/solera_new/index.html

来源

2011-11-17 Dan Graves

经进一步检查消防福克斯是出问题了。滚动条不起作用，“菜单”页面如何整个div被移动下来？ –

对我很好。 IE8，FF8。 –

该网站呈现良好，但FF8中菜单页面上的滚动条对我无效。 –

只需添加一个Doctype即可。由于没有DOCTYPE声明，IE以奇怪模式呈现站点。在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">

来源

2011-11-17 09:58:20

这对大多数人来说很有效。由于某种原因，它撞上了“菜单页面”......为什么会这样？ –

没有得到这个：“颠倒菜单页面”？请详细说明，如果能够显示描述差异的截图，请详细说明 –

我刚刚检查了IE8的链接，我看不到任何明显的“烂摊子UPS”。如果您正在设计早期版本的IE，那么您需要记住并非所有的CSS属性都可以在IE中使用，或者不像其他浏览器那样。

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

设计您的网站时也值得看看progressive enhancement。

很明显，如果没有更多的细节，很难给出具体的答案（请看FAQ以备将来的问题），但是现在你应该可以继续朝着正确的方向前进。

来源

2011-11-17 09:57:56

看时，你可能会需要使用不同的stylesheets对于那些有问题的浏览器其余一切似乎确定。

请阅读这篇文章关于How to Use Different CSS Style Sheets For Different Browsers

希望这有助于

来源

2011-11-17 09:58:34

不同的浏览器有不同的渲染引擎和规则。这可能会导致相同的标记在不同的浏览器中呈现不同的效果。

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

其他指导方针是仅使用CSS的纯语义标记和样式。

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

来源

2011-11-17 10:00:34 Fermin

添加此：

<!doctype html>

要在文档的顶部将帮助IE渲染最佳的文件模式。此外，你可以在这个元标记添加到您的head部分：

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

这将使得IE7，8和9呈现的网站在它提供的最先进的渲染引擎。

IE6是完全不同的故事，如果你想支持它完全准备好几个小时的调整：D。如果你想更深入的潜水，我可以推荐在看看这两个网站，以及：

来源

2011-11-17 10:09:20 Jeroen

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

回答

相关问题