为什么我们不再使用表格？ [关闭]答案

【问题标题】：Why don't we just use tables anymore? [closed]为什么我们不再使用表格？ [关闭]
【发布时间】：2014-11-24 23:01:03
【问题描述】：

http://amtportal.org/Layouts/navbar2.php

页脚在 Firefox 中不显示，顶部的导航栏在 IE 中不显示。为什么？

【问题讨论】：

您没有（或其他变体，取决于您想要的文档类型）作为文档中的第一个标签，这会强制 IE 进入怪癖模式。
所做的只是删除了页脚。 :(
本网站不适用于“请访问我的网站并告诉我为什么它不起作用”的问题。问题是，一旦你解决了问题，其他人对这个问题就没有未来的价值，因为问题已经解决了，没有迹象表明它在发生之前是什么。如果您在问题本身中包含代码/HTML here 的相关部分，则可能会获得一些帮助。否则，这个问题应该被关闭。
为了回答您的实际问题，我们不再使用表格，因为它使 html 很难维护（表格中的表格成为一场噩梦），并且它还会导致屏幕等辅助技术出现大问题盲人读者。表格用于表格数据，周期。

标签： navbar sticky-footer

【解决方案1】：

您没有<!DOCTYPE html>（或其他变体，取决于您想要的文档类型）作为文档中的第一个标签，这会强制 IE 进入怪癖模式。我不能代表 Firefox，因为我没有安装它，但这可能会导致类似的问题。

添加文档类型只是第一步，因此所有浏览器都会尝试将页面呈现为相同的标准。没有它，您将永远获得一个在所有浏览器中看起来都一样的重要页面。

为了快速修复，

.footer{
    height:70px;
    background:#d3d3d3;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.wrapper{
    position: relative;
    width:770px;
    margin: 0px auto;
    padding-left: 10px;
   min-height: 100%;
}

margin-bottom: -70px; 强制页面向上，使导航栏从屏幕顶部消失。使页脚绝对定位在底部有点小技巧，但它确实有效。但是对于底部带有页脚的内容，有很多模板和示例；拥有一个 doctype 将使它们真正起作用。

【讨论】：