html - 页脚不会居中

Question

我有点知道，所以我不知道我的格式是否正确，但我的问题是:如何将页脚居中到页面中间(当然是垂直的)？

<!-- Header & footer-->
 <header>
 <style type="text/css">
  body {
  font-family : Verdana, Helvetica, Geneva, SunSans-Regular, sans-serif, arial ;
background-color: #C2A366;
 margin-top:0px;
 margin-bottom:0px;
margin-right:0px;
margin-left:400px;
}
p.padding
{
padding-top:0px;
padding-bottom:0px;
padding-right:50px;
padding-left:0px;
}
</style> 
</header>

<footer><table align="center">
<tr><td align="left"><p class="padding"><font color="white">Phone: 555-555-1800<br>Fax:         555-555-1800<br>Canada:1-800-555-5555<br>Mexico:001-800-555-5555</p></font></td>
<td align="left"> <p> <font color="white"> company title<br>Street<br>City, State         zip<br>
  <a href="mailto:emailadress@host" style="text-decoration:none"> <font color="white">     email adress</a></p></font></td></tr>
  </table><table align="center">
  <tr><td><p class="padding"><font color="white" font size="2"> copy write 2014     yatayata </tr></td>
 </table> </footer>
</html>

Answer 1

垂直居中有几种方法..这是其中之一。检查 DEMO 首先。

html, body {
    width:100%;
    height:100%;
}
html {display:table;}

body {
    display:table-cell;
    vertical-align:middle;
   font-family : Verdana, Helvetica, Geneva, SunSans-Regular, sans-serif, arial ;
background-color: #C2A366;
}
p.padding
{
padding-top:0px;
padding-bottom:0px;
padding-right:50px;
padding-left:0px;
}