不能在頁腳上方中心信息聯繫信息

我已經嘗試了所有我能想到的將頁面上方的聯繫信息居中的東西，但最接近的我可以得到的是這個。此代碼使表格以50％的頁面開始，但我希望表格的中心位於頁面的50％處。我可以這樣做，但我認爲在縮放時保持相同的縮放比例（例如底部的版權欄）是不可能的。謝謝你的耐心。不能在頁腳上方中心信息聯繫信息

這是我的相關CSS代碼

#push{height:80px} 

#footer{ 
padding:0px 0px 0px 0px; 
border-top:0px solid #dadada; width:100%; 
margin:0px 0px 0px 0px; 
color:#583625;} 

#footer p{ 
position:absolute; 
font-size:1em; color:#4d4d4d; 
line-height:1.5em; margin-bottom:0; 
margin-top:0.6em; 
background-color:#6A412D; 
width:100%; 
} 

.copyrightbar { 
margin: 0px 0px 0px 0px; 
border-collapse: collapse; 
border: 0px; 
padding: 0px 0px 0px 0px; 
} 
.copyrightbar2 { 
margin: -100px 0px 0px 50%; 
border: 0px; 
padding: 0px 0px 0px 0px; 
position:absolute; 
}

，這是我的html代碼

<div class="copyrightbar2"> 
<table> 
    <tr> 
     <td> 
     <p> 
      <font color="white">Phone: <a href="tel:1800888888" style="text-decoration:none">18008888888</a><br>Fax:1-800-888-88888<br> 
      USA:<a href="tel:8002556214" style="text-decoration:none">1-800-255-6214</a><br> 
      Canada:<a href="tel:8002556214" style="text-decoration:none">1-800-255-6214</a> &nbsp</br> 
      </font> 
     </p>   
    </td> 
    <td> 
     <p> 
      <font color="white"> 
      Company<br>Sydney Australia<br> 
      </font> 
      <a href="https://imgur.com" style="text-decoration:none"> <font color="white"> [email protected]</a> 
     </p> 
    </td></tr> 
</table> 
</div> 
<div class="copyrightbar" id="footer"> 
     <p align="center"> 
     <font color="white" font size="2"> 
      <i>All Rights Reserved. </i> 
     </font> 
    </p> 
    <div class="push"></div>

來源

2015-01-06 Luke Weaver

你能不能提供的jsfiddle好嗎？ :) – Roman

擺弄jsfiddle。我從來沒有用過它。它看起來很方便，但 –

好吧，我用你的代碼創建了一個。你希望結果如何？ :) – Roman