2

在 Chrome/Safari 中运行良好,但在 FF 和 IE 中,最底部的黑条文本(有版权)由于某种原因没有居中对齐。

工作演示网址

HTML:

    <div class="copyright">
        Copyright &copy; 2011 Scirra.com.  All rights reserved.
    </div>
</body>
</html>

CSS:

.copyright
{
    color: white;
    text-align:center;
    background-color: #000000;
    font-size: 12px;
    padding: 3px;
}

编辑

Answer 解决了对齐问题,但是firefox只有水平滚动的bug: 在此处输入图像描述

4

2 回答 2

3

添加overflow: hidden;到您的.footerWrapper班级。-20pxmargin-bottom导致移位,并设置它的溢出来hidden修复它:

https://dl.getdropbox.com/u/113308/widget/screencap_2011-03-01_16-00-00.png

[编辑]放大版图片

于 2011-03-02T00:01:16.683 回答
2

您正在使用 Mozilla 的 box-shadow CSS,这会导致水平滚动条。这不是错误,而是导致问题。

于 2011-03-02T00:43:50.487 回答