如何创建包含页眉、页脚和内容的HTML CSS页面

如何创建包含页眉、页脚和内容的HTML CSS页面,css,dhtml,Css,Dhtml,本页共有三个部分 标头,它在设计时具有未知内容,因为它在运行时填充了文本。所有文本都必须显示,没有滚动条。(我认为height:100%可以做到这一点) 内容,内容应填充页眉底部到页脚顶部的页面。如果可以显示内容中的更多文本,则应提供滚动条 页脚。页脚应为25px高,并始终位于视口底部 该窗口是一个弹出窗口,它不应该有窗口滚动条,它可以调整大小,但没有滚动条。内容滚动条应该是唯一可用的滚动条 调整窗口大小时,内容区域应调整大小,但页脚保持不变,即固定在底部 宽度都是100%标题:不要指定高度。d

本页共有三个部分

  • 标头,它在设计时具有未知内容,因为它在运行时填充了文本。所有文本都必须显示,没有滚动条。(我认为
    height:100%
    可以做到这一点)

  • 内容,内容应填充页眉底部到页脚顶部的页面。如果可以显示内容中的更多文本,则应提供滚动条

  • 页脚。页脚应为
    25px
    高,并始终位于视口底部

  • 该窗口是一个弹出窗口,它不应该有窗口滚动条,它可以调整大小,但没有滚动条。内容滚动条应该是唯一可用的滚动条

    调整窗口大小时,内容区域应调整大小,但页脚保持不变,即固定在底部


    宽度都是
    100%
    标题:不要指定高度。div将自动调整到其内容的高度

    内容:指定页边距底部:25px以避免页脚重叠

    页脚:位置:固定;高度:25px

    您必须研究模拟位置的方法:针对IE<7的情况修复。比如说,


    标题:不要指定高度。div将自动调整到其内容的高度

    内容:指定页边距底部:25px以避免页脚重叠

    页脚:位置:固定;高度:25px

    您必须研究模拟位置的方法:针对IE<7的情况修复。比如说,


    如果你想把页脚放在窗口的底部,这可能会让你头疼。我发现,要做到这一点并使其在跨浏览器中工作,唯一的方法就是使用一个可怕的表格布局——在我被咬掉脑袋之前,表格布局是不受欢迎的——大时间

    很容易定位页眉和内容……但据我所知,目前为止,我还没有找到页脚的位置,我只找到了两种方法将页脚定位在窗口底部(与文档底部相对,对于短文档,页脚可能位于窗口的一半上方),1使用Javascript引用Window.Height,而另一个则使用table(这是一种不受欢迎但很简单的方法)


    到目前为止,我还没有看到在所有浏览器中都能可靠地实现这一点的CSS。我很想看到一个CSS能做到这一点…

    如果你想把页脚放在窗口的底部,这可能会让你很头疼。我发现,要做到这一点并使其在跨浏览器中工作,唯一的方法就是使用一个可怕的表格布局——在我被咬掉脑袋之前,表格布局是不受欢迎的——大时间

    很容易定位页眉和内容……但据我所知,目前为止,我还没有找到页脚的位置,我只找到了两种方法将页脚定位在窗口底部(与文档底部相对,对于短文档,页脚可能位于窗口的一半上方),1使用Javascript引用Window.Height,而另一个则使用table(这是一种不受欢迎但很简单的方法)


    到目前为止,我还没有看到在所有浏览器中都能可靠地实现这一点的CSS。我很想看到这样的CSS…

    嗯,听起来不错。。。有问题吗?编辑你的帖子并提出问题。这不是一个“现在就为我做这一切”的网站。我们可以帮助解决您的问题,但您必须告诉我们您需要什么帮助。在关闭之前,给他一些时间让他意识到自己的错误。关闭时,该文件是可编辑的。。我不认为这是一个悬而未决的问题有任何好处。。。尤其是当这不是一个问题的时候。哦,来吧,伙计们。。。这个非问题有一个非常简单的“心理答案”。拒绝回答只是学究气。考虑我告诉我妹妹“我没有带手表”…正确答案是“现在是9:30”嗯,听起来不错。。。有问题吗?编辑你的帖子并提出问题。这不是一个“现在就为我做这一切”的网站。我们可以帮助解决您的问题,但您必须告诉我们您需要什么帮助。在关闭之前,给他一些时间让他意识到自己的错误。关闭时,该文件是可编辑的。。我不认为这是一个悬而未决的问题有任何好处。。。尤其是当这不是一个问题的时候。哦,来吧,伙计们。。。这个非问题有一个非常简单的“心理答案”。拒绝回答只是学究气。考虑我告诉我妹妹“我没有带手表”…正确答案是“现在是9:30”