居中顯示的頁面不是單元格

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

居中顯示的頁面不是單元格

回答

相關問題