Question

此页面http://winteradagency.com/Arvin/incentives/lenders.htm在IE6以外的所有浏览器中看起来都不错。出现问题的是需要在中心的图片上写下“贷款扣除”的大字。在IE6中，它们向右移动，导致浏览器窗口具有水平滚动。

我需要使用这些单词的2个不同实例来创建一个人造阴影外观。所以一个在另一个的顶部，但在两个方向上都有一个像素。

我正在使用这个HTML代码：

<div id="centerInc">
  <p class="centerAlign3">Deductions for Lenders</p>
  <p class="centerAlign2">Deductions for Lenders</p>
</div><!--end center image div-->

以下是网站上styles.css的css：

#container #centerInc {
 background-image: url(images/IncCenter.jpg);
 height: 183px;
 width: 875px;
 margin-top: 160px;
 float: left;
 font: bold 2.6em Georgia, "Times New Roman", Times, serif;
 color: #FFF;
 background-repeat: no-repeat;
 text-align: right;
 position: absolute;
}

.centerAlign2 {
 font: normal 1.15em Georgia, "Times New Roman", Times, serif;
 color: #FFF;
 position: absolute;
 width: 860px;
 margin-top: 115px;
}
.centerAlign3 {
 font: normal 1.15em Georgia, "Times New Roman", Times, serif;
 color: #000;
 position: absolute;
 width: 861px;
 margin-top: 114px;
}

任何想法都将不胜感激。我仍然是一个真正的新秀。谢谢！

Answer 1

使用position: absolute我肯定会指定x / y位置（即top和left），我想我没有看到你这样做。事实上，你可以让浏览器自由选择DIV的位置。

Answer 2

清除你的花车：Clearing a float container without source markup

您还有一个额外的</div>标记可能会出现其他问题，以及其他一些错误： [Invalid] Markup Validation of winteradagency.com/Arvin/incentives/lenders.htm - W3C Markup Validator

您可能还需要IE6特定的样式表：CSS - Conditional comments

Answer 3

尝试在centerInc中指定“overflow：hidden”

我会通过创建一个gif或jpeg来解决这个问题。它在ie9或firefox 11或新浏览器0.5中不起作用只是时间问题。

绝对定位的标签在IE6中不起作用

3 个答案: