居中显示的页面不是单元格

由于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>

这个（显然）对齐文本，但它对齐到它是在细胞中。反正是有免责声明文本对齐到中心的整个页面，并保持像右边的按钮？

我想过只是把像按钮一样放在自己的桌子上，并让它漂浮在那里...但我不确定。

在http://jsfiddle.net/Gnznn/

由于即使世界一的jsfiddle例如在！

标记为功课，所以我可以得到一个交代

来源

2011-12-13 svict4

你正在使用'table's进行布局？ –

@JaredFarrish是的这是我第一次想起来，当我做到这一点（： – svict4

）不要使用'table's布局是一个好地方开始，它通常被认为是一种不好的技术，而且，你的问题是缺乏任何实际的例子。你可以http://jsfiddle.net演示吗？ –

我有一种感觉，有一个更清洁的*办法做到这一点，但是这至少工作和不不使用table S代表的布局。请注意，我将这些样式放在一个属性中，以便您可以更轻松地看到我所做的事情，但是您应该在相关类中的声明中进行说明。

<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（或其它）。

来源

2011-12-13 03:18:46

啊我看到谢谢！ – svict4

居中显示的页面不是单元格

回答

相关问题