IE7文本被推下来了

时间:2011-03-18 15:23:12

标签: css cross-browser css-float internet-explorer-7

这是我的网站: http://smartpeopletalkfast.co.uk/ppp/welcome.html

在Firefox和IE8中它很好,但是在IE7中,大'CHISTOPOL'标题右侧的向下箭头图像应该更低了。它看起来像被推下一排,好像'CHISTOPOL'文本占据了宽度的100%。

为什么会发生这种情况?如何阻止它?

2 个答案:

答案 0 :(得分:0)

不确定问题究竟是什么,但它也发生在IE6中。

您可以应用以下CSS

#welcome-title-bottom {
    position:relative;
}

然后将style="position:absolute;right:5px;"添加到“箭头”锚点,并移除class="right",以便在IE6中为我解决问题。

就个人而言,由于这些跨浏览器布局问题,我试图避免使用CSS浮动。

答案 1 :(得分:0)

尝试从width:auto移除#welcome-title-bottom a,看看是否有帮助。