2010-05-14 25 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