html - 粘性页脚 一个非常小的问题

Question

以下是我的粘性页脚代码，它工作正常，但我不知道为什么我的粘性页脚没有显示在中心对齐位置请让我知道如何修改它以完成我的问题......或者还有其他好的方法制作粘性页脚。谢谢，

<table width="900" height="42" border="1" align="center" style="border-style:none; position: absolute;width: 900px;vertical-align: middle;text-align: center;z-index:999999999 !important;

    bottom: 0px;

" cellpadding="0" cellspacing="0" bordercolor="#AEAEAE" bgcolor="#0C4549">
  <tr>
    <td align="center" bgcolor="#0C4549" >2012 &copy; of DND CLUB. Developed by Radiations3.
        </div></td>
  </tr>
</table>

Answer 1

Take a look at this. Much better solution.

http://css-tricks.com/snippets/css/sticky-footer/

Also try to steer away from using tables for anything other than displaying tabular data.

Answer 2

Remove </div> in td

<table width="900" height="42" border="1" align="center" style="border-style:none; position: absolute;width: 900px;vertical-align: middle;text-align: center;z-index:999999999 !important; bottom: 0px;" cellpadding="0" cellspacing="0" bordercolor="#AEAEAE" bgcolor="#0C4549">
    <tr>
        <td align="center" bgcolor="#0C4549" >2012 &copy; of DND CLUB. Developed by Radiations3.</td>
    </tr>
</table>

Answer 3

嗨，检查一下，我希望这会起作用：-

<table width="100%" height="42" border="1" align="center" style="
position:absolute;
left:0;
right:0;
vertical-align:middle;
text-align:center;
bottom: 0px;
background:#0C4549;"
cellpadding="0" cellspacing="0">
  <tr>
    <td align="center">2012 &copy; of DND CLUB. Developed by Radiations3.
        </td>
  </tr>
</table>

演示：- http://jsfiddle.net/yFqPb/6/

Answer 4

这是另一种久经考验的粘性页脚解决方案。它使用起来非常简单，我经常使用它。

http://ryanfait.com/sticky-footer/