浮动出现在IE7的换行符中

时间:2010-11-06 05:05:02

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

alt text

我需要一些帮助,试图让IE在IE中正确显示。我试图将它[箭头]向右浮动后,IE想要添加换行符......

我希望它能像Firefox一样显示(右),它们都适合一行,但我似乎无法弄清楚如何......

干杯。

background-image: url( '/img/arrow_down.gif' ); 
background-repeat: no-repeat;
height: 8px;
width: 15px;
display: inline;
float: right;

2 个答案:

答案 0 :(得分:7)

发布标记会有所帮助。导致此问题的常见原因是标记中文本后面出现的箭头。如果将箭头移动到文本之前,它应该在两者中都是正确的。像:

<span class="arrow-image"></span>This is the the text.

当我第一次开始使用网页布局时,这对我来说听起来很奇怪,但我很惊讶地发现它有效(现在我理解float好一点,这对我来说有点意义)。

尽管如此,你可能可以使用这个更简单的标记:

<ul id="menu">
    <li>Some text</li>
    <li>Some text</li>
    <li>Some text</li>
</ul>

和CSS:

#menu > li
{
    background-image: url('/img/arrow_down.gif');
    background-repeat: no-repeat;
    background-position: right center;
    padding-right:16px; /* Width of the image */

    /* ... */
}

答案 1 :(得分:0)

检查你的宽度,IE会为div添加宽度。删除边距和填充是一个好主意。