Firefox css浮动bug与:链接不在IE或Chrome中

时间:2011-07-13 09:55:54

标签: asp.net css firefox

我的默认页面工作正常,但是Firefox在a:link时遇到问题。 在我的页面http://www.printer-ink-toner.co.uk中,有一半是我在ebay上的状态链接。 对于Firefox,这个链接不起作用,因为它确实如此。我也可以在我的开发PC上重现这种行为。

该链接包含在名为“centercol50pct”的float div块中,其CSS为

 .centercol50pct {
    position: relative;
    float: left;
    width: 380px;
    margin:0px 5px 0px 0px;
  }

如果删除了float:left;,则可以正常使用。更改任何其他参数不会对问题产生影响。

此外,搜索下拉列表在Firefox中也不起作用。我认为这是相关的,但我想我会先尝试解决更简单的“链接”问题

由于 佰

1 个答案:

答案 0 :(得分:1)

centrecolLowerblock div覆盖了上述内容,因此无法访问链接。

更改

#centrecolLowerblock {
    position: relative;
    top: 20px;
}  

#centrecolLowerblock {
    clear: both;
    position: relative;
    top: 20px;
}

由于同样的问题(元素与它们重叠),您的下拉列表也不起作用。尝试改变。

h3.h3_Largeblue {
    color: blue;
    font-size: 20px;
}

h3.h3_Largeblue {
    clear: both;
    color: blue;
    font-size: 20px;
}

那应该解决问题:)