html - 将文本居中到页面而不是单元格

Question

感谢 cssstickyfooter 的人们，我有一个粘性页脚栏其中包含免责声明。我想在右侧放置一个类似 facebook 的按钮...所以我用下面的代码创建了一个表格作为页脚。

#footer {
    position: relative;
    margin-top: -60px;
    height: 60px;
    clear:both;
    background-color: #000;
    text-align: center;
    color: #999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

和 html 作为

<div id="footer">
<table width="100%">
<tr>
    <td width="85%">
        <p>© 2011 somecompany<br />
        Image © 2011 by somebig company</p>
    </td>
    <td width="15%">
        <p>like goes here</p>
    </td>
</tr>
</table>
</div>

这(显然)对齐了文本，但它是将它与它所在的单元格对齐。是否有办法将免责声明文本与整个页面的中心对齐，并将“赞”按钮保持在右侧？

我曾考虑过将点赞按钮放在它自己的表格中并让它 float 在那里...但我不确定。

在 http://jsfiddle.net/Gnznn/ 有一个 jsfiddle 示例

谢谢!

标记为家庭作业以便我可以得到解释

Answer 1

我觉得有一种更简洁*的方法可以做到这一点，但这至少有效并且不使用表格进行布局。请注意，我将样式放在一个属性中，这样您可以更轻松地看到我在做什么，但您应该将其放在相关类的声明中。

<div id="footer">
    <div style="width: 15%; height: 1px; float: left;"></div>
    <div style="width: 70%; float: left;">
        <p>© 2011 somecompany<br />Image © 2011 by somebig company</p>
    </div>
    <div style="width: 15%; float: right;">
        <p>like goes here</p>
    </div>
</div>

http://jsfiddle.net/Gnznn/3/

* 换句话说，使用 position: relative 或 position: absolute 和 right: 0 和 z-index: 5000 (或其他东西)。