Question

我正在使用无序列表。

左侧是图像，右侧是文本。

我今天才注意到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>

到目前为止发生的事情是它在每个浏览器中都是完美的，除了在IE7中，图像正好在它们应该的位置，但是“最近 - 后内容”类被推到一个恰好一个图像（[li]高度）以上所以最后一张图片旁边没有任何文字，第一张图片（[li]）上面有“最近发布内容”。

我想这很简单但是在我自己走得很远之后我觉得最好尝试一些建议来解决最后一点。

有什么想法吗？

由于

Answer 1

修复

<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将表现出来。

IE7 li带有图像和文本问题 - 文本。几乎工作

1 个答案: