花車都出現在一個換行符在IE7

我需要一些幫助，試圖讓漂浮在IE中正確顯示。 IE瀏覽器想在我嘗試將[浮動]箭頭向右移動後添加一個換行符...

我希望它像火狐瀏覽器（右）一樣顯示，它適合一行，但我可以'噸似乎弄清楚如何...

乾杯。

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

來源

2010-11-06 Kevin Evans

發佈您的標記將有所幫助。造成這種情況的一個常見原因是在標記中的文本之後出現箭頭。如果您將箭頭移到文本之前，它應該看起來都正確。像：

<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 */ 

    /* ... */ 
}

來源

2010-11-06 05:14:34

謝謝！這就是訣竅！ – 2010-11-06 05:16:29

@ user499054當你接受時，特別是對其進行投票（尤其是）。 – 2010-11-06 05:25:40

檢查你的寬度，IE將寬度添加到divs。刪除邊距和填充將是一個好主意。

來源

2010-11-06 05:06:45 Scott

這是一個跨度，只是我已嘗試設置邊距和填充，以0 ...仍然沒有運氣。 – 2010-11-06 05:09:52

花車都出現在一個換行符在IE7

回答

相關問題