2010-05-14 24 views
0

我正在使用無序列表。IE7李與圖像和文字問題 - 文本。幾乎工作

帶有左邊的圖像和右邊的文本。

我今天才注意到IE7顯示如此糟糕以至於甚至不能接受。 Woops沒有儘早實現。

我給了圖像一個類和文本包裝在一個單獨的div。

<ul> 
<li><a href="domain"><img src="http://www.domain.com/img.jpg" alt="img class="footer-thumb" width="40px" height="40px" /></a> 
    <div class="recent-post-content"> 
    <p>day date time</p> 
    <p><a title="Content title" href="http://www.domain.com/contentitle &raquo;</a></p> 
    </div></li></ul> 

什麼happeninig到目前爲止是,它是完美的在每個瀏覽器除了IE7在圖像的確切位置,他們應該是,但是階級「最近-後內容」都是推高了一個只有一個圖像( [li] height),所以最後一張圖片旁邊沒有任何文字,第一張圖片([li])上面有「最近後期內容」。

我想這是簡單的東西,但得到這個地步我自己後,我認爲最好,試圖得到一些建議,以解決最後的一點。

任何想法?

感謝

+1

您是否嘗試在img標籤中正確關閉引號(請參閱alt)? – Andrew 2010-05-14 21:12:04

+0

對不起,請問顯而易見,但是您的文檔頂部是否有正確的文檔類型以禁用怪癖模式? – Heinzi 2010-05-14 21:34:56

+0

在標題**中幾乎看起來很有趣** – 2010-05-22 14:47:42

回答

2

修復

<img src="http://www.domain.com/img.jpg" alt="img class="footer-thumb" width="40px" height="40px" /> 

<img src="http://www.domain.com/img.jpg" alt="img" class="footer-thumb" width="40px" height="40px" /> 

和修復

<a title="Content title" href="http://www.domain.com/contentitle &raquo;</a> 

<a title="Content title" href="http://www.domain.com/contentitle">&raquo;</a> 

和IE會表現出來。

+0

關閉標籤有助於舊版瀏覽器?異端。 ;) – 2011-02-09 01:09:37