html/css页脚定位

在我的网站上，我有横幅，菜单栏+按钮（在表中），一个表，两列。我想把页脚放在那张桌子下面。我将我的表格放在单独的分区中。我将我的页脚放在另一个分区中，正好在表格分区结束后。然而，它并不是放在我桌子下面。我的页脚停留在我的表的顶部，我甚至看不到整个页脚图像。请问我做错了什么

HTML:

.page->position=“relative”；改变位置：相对

页脚img->高度：200x；将其更改为高度：200px； 您希望页脚始终位于页面底部吗

...
   <tr>
      <td><a href =""><img id="buybtn"></a></td>
      <td> dátum: XX.XX.XXXX </td>
      <td><a href =""><img id="buybtn"></a></td>
      <td> dátum: XX.XX.XXXX </td>
   </tr>       
   **</table>**
</div>

.page->position=“relative”；改变位置：相对

页脚img->高度：200x；将其更改为高度：200px； 您希望页脚始终位于页面底部吗

...
   <tr>
      <td><a href =""><img id="buybtn"></a></td>
      <td> dátum: XX.XX.XXXX </td>
      <td><a href =""><img id="buybtn"></a></td>
      <td> dátum: XX.XX.XXXX </td>
   </tr>       
   **</table>**
</div>

---

由于许多原因，您的标记不应该进行验证。第二个表上没有结束标记。使用.buybtn而不是#buybtn（ID不会在同一文档上重复）。id为#obsah的表应如下所示：

    <table id= "obsah" border="0">
    <tr>
        <td><a href =""><img class="buybtn"></a></td>
        <td> dátum: XX.XX.XXXX </td>
        <td><a href =""><img class="buybtn"></a></td>
        <td> dátum: XX.XX.XXXX </td>
    </tr>   
    <tr>
        <td><a href =""><img class="buybtn"></a></td>
        <td> dátum: XX.XX.XXXX </td>
        <td><a href =""><img class="buybtn"></a></td>
        <td> dátum: XX.XX.XXXX </td>
    </tr>
   <!--   and this is when we cue to... -->
  </table>

---

一个或另一个。并非两者都有效。

由于许多原因，您的标记不应验证。第二个表上没有结束标记。使用.buybtn而不是#buybtn（ID不会在同一文档上重复）。id为#obsah的表应如下所示：

    <table id= "obsah" border="0">
    <tr>
        <td><a href =""><img class="buybtn"></a></td>
        <td> dátum: XX.XX.XXXX </td>
        <td><a href =""><img class="buybtn"></a></td>
        <td> dátum: XX.XX.XXXX </td>
    </tr>   
    <tr>
        <td><a href =""><img class="buybtn"></a></td>
        <td> dátum: XX.XX.XXXX </td>
        <td><a href =""><img class="buybtn"></a></td>
        <td> dátum: XX.XX.XXXX </td>
    </tr>
   <!--   and this is when we cue to... -->
  </table>

---

一个或另一个。并非两者都有。

正如下面的答案所述，您的代码中存在一些语法错误/遗漏。为了避免将来出现这种情况，我建议您使用来验证HTML代码、CSS代码和JavaScript代码（也适用于CSS）。不要使用

align=“center”

，它已被弃用。使用

边距：自动取而代之。尽量不要使用太多的图像，它们会极大地增加加载时间。也许你可以通过CSS3的一些特性，比如渐变或阴影，获得一个不错的背景效果。正如下面的答案中提到的，你的代码中有一些语法错误/遗漏。为了避免将来出现这种情况，我建议您使用来验证HTML代码、CSS代码和JavaScript代码（也适用于CSS）。不要使用
align=“center”
，它已被弃用。使用
边距：自动取而代之。尽量不要使用太多的图像，它们会极大地增加加载时间。也许你可以用CSS3的一些特性，比如渐变或阴影，来获得一个很好的背景效果。它不能正常工作。我已经纠正了你所说的一切，但是有了这个，我的页脚漂浮在（覆盖）我的桌子上，它不在我的页面的最底部；左：0；底部：0；从#页脚开始。若你们想让页脚总是在页面的底部（站点滚动不影响页脚），只需移动到页面外部并使用position:fixed；而不是位置：绝对；在#页脚样式中，它工作不正常。我已经纠正了你所说的一切，但是有了这个，我的页脚漂浮在（覆盖）我的桌子上，它不在我的页面的最底部；左：0；底部：0；从#页脚开始。若你们想让页脚总是在页面的底部（站点滚动不影响页脚），只需移动到页面外部并使用position:fixed；而不是位置：绝对；采用#页脚样式
<div id="footer"></div>

#footer {
   position:absolute;
   left:0;
   bottom:0;
   width:992px;
   height:200px;
   background-image:url('img/footer.png');
}

    <table id= "obsah" border="0">
    <tr>
        <td><a href =""><img class="buybtn"></a></td>
        <td> dátum: XX.XX.XXXX </td>
        <td><a href =""><img class="buybtn"></a></td>
        <td> dátum: XX.XX.XXXX </td>
    </tr>   
    <tr>
        <td><a href =""><img class="buybtn"></a></td>
        <td> dátum: XX.XX.XXXX </td>
        <td><a href =""><img class="buybtn"></a></td>
        <td> dátum: XX.XX.XXXX </td>
    </tr>
   <!--   and this is when we cue to... -->
  </table>

<img src="img/footer.png" alt="footer image">