为什么我们不再使用桌子了?

时间:2014-11-24 23:01:04

标签: navbar sticky-footer

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

页脚未显示在Firefox中,顶部的导航栏不会显示在IE中。为什么呢?

1 个答案:

答案 0 :(得分:2)

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

添加doctype只是第一步,因此所有浏览器都会尝试将页面呈现为相同的标准。没有它,你将从不获得一个非平凡的页面在所有浏览器中看起来都一样。

快速修复,

.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将使它们真正起作用。