Question

我有一个网站在大多数浏览器中显得很好但是在IE8中缺少部分页面！在IE8中整个站点在对齐方面并不完全正确，我们正在通过修复css来缓慢纠正，但是最差的页面是http://www.pocketpayday.co.uk/apply-online.aspx，实际上有几个DIV缺失。该网站在我们尝试的所有其他浏览器中100％正确显示，包括Firefox，Chrome，Safari。

我意识到我没有发布任何代码但是表单是CMS中的asp.net用户控件，因此有很多代码/模板/ css而且我不想发布任何不相关的内容希望有人之前遇到过类似的问题。很高兴发布所需的任何内容 - 我目前正在使用firebug和IE开发工具来尝试查看可能导致它的原因。

Answer 1

我看了一眼，没有任何一件事我可以说会神奇地清除它。

但是，在支持IE8，IE7时，这里有一些很好的提示：

1）我注意到你有自动关闭div标签。相反，总是有一个结束标记。

//Use this
<div></div>

//Not this
<div/>

2）你正在使用float：对。无论何时使用float，都应该使用并清空clear div，以便float规则不会传播到非预期的元素。明确的div必须是你漂浮的元素的兄弟。

//Whenever you do this...
<div style="float:right;"></div>
<div style="float:right;"></div>

//Add a clear div....
<div style="float:right;"></div>
<div style="float:right;"></div>
<div style="clear:both;"></div>

所以试试这些变化，看看它们是否有帮助。

Answer 2

一般来说遇到这样的问题：

获取页面的输出（另存为HTML）和
编辑它以将您的问题减少到一个简单的可重现的测试用例。
1. 查找与问题无关的CSS，HTML或JS，并将其删除。
2. 如果问题仍然存在，请重复步骤1.
3. 如果问题消失了，请重新输入代码并删除其他内容。
4. 如有必要，请重复，直到不存在无法删除代码的字节而不会破坏您的测试用例。

在此过程中，您经常会自己发现问题。你会删除一些看似无关的东西，发现它修复了（或改变了）问题，当你想知道为什么会产生影响时，你会突然被一阵洞察力所打击。

如果您没有弄清楚问题，那么您仍然会赢，因为您最终得到的测试用例非常少，并鼓励专家快速分析并解决您的问题。

哦，并且：随时随地validate your HTML和validate your CSS。：）

网站在IE8中没有正确显示

2 个答案: