文本未在IE和FF中集中对齐

时间:2011-03-01 23:51:57

标签: html css cross-browser text-align

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

Working Demonstration URL

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;
}

修改

答案解决了对齐问题,但firefox只有水平滚动错误: enter image description here

2 个答案:

答案 0 :(得分:3)

overflow: hidden;添加到.footerWrapper课程。 -20px margin-bottom导致移位,并将其溢出设置为hidden修复了它:

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

[编辑] Larger version of image

答案 1 :(得分:2)

您使用的是Mozilla的box-shadow CSS,这会导致水平滚动条。这不是一个错误,但导致了这个问题。