2012-06-08 113 views
0

我有这个堆的垃圾浏览器IE的一些问题,并阻止我使用任何插件来调试问题(一个或多个)。简单的问题

如果有人能还跟看看,让我知道这个问题,请这将是王牌。

请参阅本网站上(这只是测试领域,所以我知道有吨的其他问题就可以了) - 009rep.clubnetdev.com。

鼠标悬停在顶部导航菜单中的“出售”项(而在IE9)和第2列内,似乎是垂直线(边界)随机浮动存在(参见下图)。我最初认为这与在这个下拉列表中定义的CSS psuedo类的第一个孩子和最后一个孩子有关,但如果任何人都可以看看并确认问题所在,我会非常感激 - 谢谢。

screenshot http://img221.imageshack.us/img221/7606/pick.png

显示在所有其他非IE浏览器的罚款(如预期)。

在此先感谢。

+0

不是答案,而是一个建议:您是否在IE中启用了开发者工具?它随它们而来,你只需要打开它们。它会给你一个准firebug-ish工具集,其中一个是CSS检查员。您可以点击一个元素,然后查看适用于它的所有规则。然后,您可以逐个关闭规则,直到找到问题。 – chipcullen

+0

您还有一个标记错误''元素被关闭两次:'' – WojtekT

+0

@chipcullen是在IE中启用了所有的开发人员工具集,但浏览器完全搞砸了我,其中一半包括附加功能无法正常工作对我来说调试很尴尬。感谢您的建议。 – zigojacko

回答

2

menurep.css,线176

.col_1 {width:145px; border-right: 1px solid #888;}

宽度145px是导致此,如您使用它的左边的文字链接的其他下拉菜单。

我会给这个实例一个不同的类,所以它根本没有得到正确的边界。你可以这样做

的一种方法是通过其母公司瞄准这一特定的列:

.dropdown_1column .col_1 { border:0 }

我也注意到,您的所有.col_*类有display:inlinefloat:left;应用它们是相互矛盾的陈述作为浮动使一个无论如何要素块。

如果你不能改变任何上述的容易,你可能会想尝试这个特定实例的z-index但我认为这可能会导致其他问题。

+0

很好,谢谢Moin。切换类和问题解决。 :)是的第三方扩展和一些代码是有点乱糟糟的。感谢您指出冲突,我删除了显示:从.col_ *类内联。 – zigojacko