在较小的窗口上打开时没有滚动条

时间:2013-08-08 19:29:21

标签: html css browser window

我的网站出现问题:当窗口大小与背景图片相同或更大时,一切正常,但是当我在较小的窗口打开时,没有滚动条,因此页脚消失。

附件是一个小窗口发生的事情的图像:

SMALL WINDOW

THIS IS MY WEBSITE

1 个答案:

答案 0 :(得分:0)

您的页脚正在消失,因为元素#footer设置的固定高度为835px。这导致页脚始终是浏览器窗口顶部的835px。一旦窗口大小小于835px,页脚就不再可见。

为了保持页脚可见,请尝试将位置更改为absolute而不是fixed。这将相对于网页本身的顶部而不是浏览器窗口从顶部定位页脚835px。

为确保在任何尺寸的屏幕上始终显示页脚,您还可以将min-height: 835px;应用于您的正文标记。

修改

使用绝对定位时,如果要保持页脚居中,请尝试使用leftmargin-left的组合。无论窗口大小如何,下面的样式都会使页脚居中。

#footer {
  list-style: none;
  position: absolute;
  left: 50%; /* Always display footer 50% left of the screen width. */
  margin-left: -446px; /* -(Total footer width / 2) I.E. -(892px / 2) = -446px; */
  top: 835px;
  font-size: 14pt; 
}