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

看看这个。更好的解决方案。

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

除了显示表格数据外，还要尽量避免使用表格。

Answer 2

删除</div>

中的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

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

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

Answer 4

嗨检查一下，我希望这会奏效： -

<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/

粘性页脚非常小的问题

4 个答案: