IE7的文字被按下

這裏是我的地盤： http://smartpeopletalkfast.co.uk/ppp/welcome.html IE7的文字被按下

在Firefox和IE8它的罰款，但在IE7的向下箭頭圖像的大「奇斯托波爾」標題的右側是進一步下跌，它應該是。它看起來像是被推下了一排，好像'CHISTOPOL'文本佔據了100％的寬度。

爲什麼會發生這種情況，我該如何阻止它？

2011-03-18 Evans

請使用有意義的標題。 – SLaks 2011-03-18 15:24:39

在IE 7中，您的Chistopol-link佔滿了整行，因此箭頭會進入下一行，它會以float：right的形式浮動到右側。爲什麼Chistopol-link佔據了我看不到的全部界限，但這顯然不意味着，而且很可能是IE7的「float」或「clear」錯誤。 – Bazzz 2011-03-18 15:37:12

不確定究竟是什麼問題，但它也發生在IE6中。

您可以應用下面的CSS

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

，然後添加style="position:absolute;right:5px;"的「箭頭」錨，並刪除其解決了這個問題，我在IE6的class="right"。

就我個人而言，我儘量避免使用CSS float，因爲這些類型的跨瀏覽器佈局問題。

來源

2011-03-18 15:34:23 andyb

「就我個人而言，儘量避免使用CSS float，因爲這些類似的跨瀏覽器佈局問題。」同意，但我個人寧願避免古老的瀏覽器不處理漂浮（IE6和IE7）。 – Bazzz 2011-03-18 15:41:06

我不知道是什麼導致這個問題，但如果絕對定位更容易跨瀏覽器問題，只是這樣做。謝謝 – Evans 2011-03-18 19:23:04

嘗試從#welcome-title-bottom a中刪除width:auto看看是否有幫助。

來源

2011-03-18 15:39:02 Bazzz

它沒有工作，因爲我補充說，嘗試修復它。謝謝 – Evans 2011-03-18 19:21:47

IE7的文字被按下

回答

相關問題