Question

我尝试了所有解决方案，但与标题和时间线不同，我似乎无法将页脚扩展到1200px以上。

我使用的Zurb Foundation 5并不是IE8友好的，但我使用REM Javascript和条件标签使其在IE8上运行良好。

这是我的CSS：

＆＃13;

.footer-block{
  background: #8f77b3;
  color: #FFF;
  margin: 10px 0 0 0;
  overflow:hidden;
  width:100%
}

.footer-text{
    font-size: 18px;
    padding: 10px 0 10px 0;
    text-align: center;
}

.footer-text b{
  font-size: 18px;
}

＆＃13;

我的HTML

＆＃13;

<!-- Footer Section -->
<section class="footer-block">
  <div class="row">
    <div class="large-12 columns"><p class="footer-text">For more information please visit: <b>www.experian.co.uk/debt-map</b></p></div>
  </div>
</section><!-- End of Footer -->

＆＃13;

此外，您可以查看整个网站： http://www.planet.nu/dev/debt-burden-responsive/map.html

Answer 1

我很难确定问题，但我有一个线索：

当我检查CSS的 .footer-block .row 时，除IE8之外的所有浏览器上的CSS都会调用 .row 。

当我在IE8中检查时，它会调用 .row .row 。该选择器使用不同的规则集和负边距来正确排列。您可能需要检查HTML并查看是否错过了结束标记。您还可以在 .footer-block .row 上为IE8执行特定规则。

使用Zurb Foundation 5，IE 8页脚不会全宽

1 个答案: