Internet Explorer将内联样式添加到列表

时间:2012-01-24 16:47:16

标签: css internet-explorer

http://philliesnation.com/

我目前正在为Internet Explorer调试此站点,并遇到两个问题:

  1. 在每个帖子底部的IE7 / 8/9中有一个“Filed Under:”部分,其ul设置为200px宽。但由于某种原因,在IE中,通过为每个li项添加内联样式,它缩小到50px。因此,该部分显示垂直而不是水平。在FF / Ch / Saf看起来很好。

  2. 在IE7中,主导航功能不正常。如果你滚动导航点,你会得到一个包含更多信息的下拉列表,但在三个标签上:新闻/功能/多媒体这些下拉列表根本不起作用。

  3. 我没有构建这个网站,但我正在帮助调试它,并且已经尝试了很多个小时,以找出为什么会出现这些错误。任何帮助深表感谢。

1 个答案:

答案 0 :(得分:1)

解决您的第一个问题:在您的func.js中,您有以下内容:

if( $.browser.msie ) {
    $('.post-links ul li').css({ 'width' : '50px' });
};

这是什么搞乱了你的" File Under ..." IE中的部分。删除它,一切都很好(我没有理由保留它)。

对于你的第二个问题:我无法完全诊断出这个问题,因为你的网站一直在冻结我的IE浏览器(它太重了!)但是我可以告诉你的导航脚本没有触发IE正确,因此您必须在文档的标题中强制使用一些条件注释,如下所示:

<!--[if lt IE 9]>
  #navigation li:hover .dd-menu {
      display: block;
  }
<![endif]-->