Internet Explorer问题

Question

此网站的中心内容部分有问题。在internet explorer中，由于某种原因，侧边栏只截断了几个字母。我不知道为什么，也不知道如何修复它。div是向右浮动的，所以我想在右边加几个像素的边距就可以了。它不..。

在IE8上是这样的，而我实际上是在Mac上通过parallels运行IE7.4。

有什么建议吗？

http://www.thesurgicalsolution.com/

Answer 1

在ie.css中，您具有：

#content, .sidebar { overflow: hidden; }

它仅在IE中裁剪文本。因此，如果删除此规则，文本将不再被裁剪。该规则的存在可能是有原因的，因此您可能希望在删除整个站点之前对其进行测试。

编辑：我也会修复validation errors，因为我过去在不同的浏览器上遇到过由于无效标记而导致的无法解释的渲染问题。

编辑2: #content父<div>具有定义的宽度(且为overflow:hidden)，但是子<div>也具有定义的宽度，其位置使其大于父对象的右边缘，因此被父对象的溢出规则裁剪。因此，作为一种替代方案，您可以缩小.rightbox以避免在IE中隐藏溢出。

.custom #content .box-wrapper .rightbox {
    float: right;
    width: 451px; /* <-- change this */
    margin-right:5px;
}

Answer 2

我不知道为什么会发生这种情况，但是添加一个适用于它的padding-left: 3px anywhere就可以修复它。