IE7文本对齐问题

Question

http://wilwaldon.com/ie7sucks/

如果您在除IE7之外的任何内容中查看此页面，您将看到聚光灯区域文本显示在图像右侧的列中。

出于某种原因，它没有显示为列，我不明白为什么。

非常感谢任何帮助，我欠你的第一个孩子。

提前谢谢你。

Answer 1

你有一些IE7（及更早版本）不支持的CSS：

.spotlightbox p { display: table-cell; }

尝试用此替换它，并根据需要调整宽度：

.spotlightbox p { width: 160px; }

我在Internet Explorer 7.0中的Adobe BrowserLab进行了测试，似乎可以解决这个问题。

Answer 2

是的，按下f12对IE有很大的帮助;

.onecolumnright p{
    margin-bottom: 25px;
    color: #333;
    font-size: 16px;
    width: 50%;
}

Answer 3

使用开发人员工具，如果我摆脱宽度：100％来自.onecolumnright P它解决了问题。虽然我在兼容模式下使用IE 8来查看它。