Question

我开发了一个很好的网站布局，就像Webkit和基于FF的浏览器中的魅力一样......但是在IE 7和8中，一切都被打破了。

我从未见过Safari / Chorme和IE之间的这么多差异。我尝试了不同的DOCTYPE，但没有区别。

如果我删除所有jquery css一切正常。您可以在[已删除]

上看到它正常工作

任何人都可以提示我如何解决这个烂摊子吗？

Answer 1

您有兼容性问题，我认为您需要覆盖buyitui.css文件中的ui-state-default和.ui-state-hover类以适应IE。

你可以在firefox中使用firebug来浏览css文件。

要覆盖css，请创建一个css文件并将所有覆盖放在此文件上，并将其放在所有css文件的底部。假设您确定没有使用内联样式表。

编辑：

你需要覆盖这三个：

<div class="clear"/>
<div class="separator" style="width: 950px; margin-left: auto; margin-right: auto; float: right;"/>
<div id="pie" style="float: right;">

问题似乎在分隔符上方的明确类中。当您同时清除这两个时，所有浮动都被清除，并且分隔符正在爬出页面，其高度几乎遍布整个页面。

尝试更改此设置，您将看到更改：

这可能不是确切的解决方案，但它确实指出了您网页上的问题。

关于明确的课程

删除clear:both;或将其设为clear:none;

在分隔符类

上

添加float:right和margin-right:200px;

饼图上的

添加float:right;和margin-right:200px;

Answer 2

jquery手风琴是什么打破了一切，再生和问题解决了（只是在IE上常规没有标准）

Jquery UI打破了ie7＆amp;的布局8

2 个答案:

编辑：