Internet Explorer CSS问题

Question

IE 9错误地渲染了此页面（可能也是旧版本）。 右侧菜单浮动在页面底部。 Firefox，Chrome和Safari可以正确呈现它。 博客中的其他页面也被所有浏览器很好地渲染。 我已经尝试触发IE 9开发人员工具（F12）并减小某些div的宽度（例如#main和.columns-inner）...这种方法并不幸运，即使有额外的空间，仍会在底端。 因此，我认为问题出在Blogger自动生成的页面内容标签/ CSS（我可以修改）中。 那里的任何CSS专家都可以指出出什么问题了？

干杯，

Answer 1

您的<head>具有以下行，这导致IE9以IE7模式呈现页面：

<META content=IE=EmulateIE7 http-equiv=X-UA-Compatible>

如果删除此选项，它将在IE8和IE9中呈现良好。 但是，它在IE7中仍然表现不佳。

编辑：

根据您的评论，我可以在背景不再透明的情况下复制问题。 经过调查后，正在加载一个特定的脚本文件：

http://www.blogger.com/static/v1/jsbin/938506610-ieretrofit.js

如果您在源代码的第4行中删除<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/> ，并且从源代码的第1471行中删除了ieretrofit.js文件，则该页面应该在IE9中正确呈现。

由于ieretrofit.js文件似乎是由Google生成的，因此您可能要询问他们。 如果要仅针对IE9禁用它，并允许它继续用于IE8及以下版本，则应仔细查看源代码的1471行。 这是一个代码段（很长，从字符＃2275开始）：

'\74!--[if IE]\76\74script

！-[如果是IE]是IE条件注释的一部分。 您可以像这样更改该代码段，它仍将以IE8及更低版本为目标，而不会影响IE9：

'\74!--[if lte IE 8]\76\74script

让我知道您是否还有其他问题！

Answer 2

该页面上有104个验证错误 -如果是您，我将首先修复这些错误。

Answer 3

几乎可以肯定是因为页面无效。 另外，我真的会考虑从此页面重新开始，因为它的标记过于复杂。

Answer 4

伙计们。 弄清楚了（在andyb和Paul D的大力帮助下），验证器指出了一些我删除的未配对</div>标记。 现在它可以正常工作了。

Internet Explorer CSS问题

问题描述

4 个解决方案

解决方案1
4 2011-04-25 00:17:27

解决方案2
2 已采纳 2011-04-25 00:17:54

解决方案3
1 2011-04-25 00:16:42

解决方案4
0 2011-04-25 01:29:43

Internet Explorer CSS问题

问题描述

4 个解决方案

解决方案1 4 2011-04-25 00:17:27

解决方案2 2 已采纳 2011-04-25 00:17:54

解决方案3 1 2011-04-25 00:16:42

解决方案4 0 2011-04-25 01:29:43

解决方案1
4 2011-04-25 00:17:27

解决方案2
2 已采纳 2011-04-25 00:17:54

解决方案3
1 2011-04-25 00:16:42

解决方案4
0 2011-04-25 01:29:43