新聞滾筒的IE css問題

我們在右邊的導航欄中有一個新聞滾輪http://www.businesseventsydney.com.au/home-page-test.cfm。它在FF和Chrome中運行良好，但在IE中，新聞報道互相混合。新聞滾筒的IE css問題

有人可以澄清可能會出現什麼問題嗎？

2012-09-14 user460114

看起來你對所有包含該消息div的的預定高度。在IE-9文本中，由於文本的高度不夠高，文本會流入每個文本中。要麼收縮文本，要麼增加高度或限制字符數。 – AbstractChaos

這似乎在IE8中正常工作，你使用的是什麼版本？

無論如何，我能夠重現將其放入兼容模式或IE7模式。

確定問題，它似乎容器div其中有overflow: hidden正確設置，設置爲一個非常大的高度。這是div我指的是：

<div class="latest-news-content" style="visibility: visible; overflow: hidden; position: relative; z-index: 2; left: 0px; height: 399px; ">

我將高度設置爲130px，它似乎解決問題。更有趣的問題是爲什麼在所有瀏覽器中都不會發生這種情況，我還沒有進行調查。

來源

2012-09-14 10:57:39 Chris

哦，更新的瀏覽器工作的原因是因爲父容器'class =「latest-news-container」'的高度被設置爲高度135px，所以這阻止了孩子增長得更高。你實際上可以從'class =「latest-news-content」'中完全刪除高度，並讓它增長到100％，在這種情況下，它的高度爲父級。 – Chris

div.latest-news-content li {height：134px; ！重要}解決了這個問題。 – user460114

當涉及像素間距時，IE版本和其他瀏覽器有時會有所不同。解決此問題的方法是爲ul和li元素提供IE特定的樣式。我建議你換你當前的行CSS（無論）：

<ul style="top: -465px; height: 1380px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; list-style-type: none; position: relative; z-index: 1; ... 

<li style="width: 199px; height: 115px; overflow: hidden; float: none; ...

到單獨的CLASSE（S），並切換出來，在IE瀏覽器9對經修訂的版本。你可能只需要調整top值的ul元素，以及li元素

來源

2012-09-14 10:58:11 JDandChips

的height添加position:relative到div.latest-news-container

來源

2012-09-14 11:05:03 alabamaliquidsnake

新聞滾筒的IE css問題

回答

相關問題