将固定宽度的容器应用于流动网站?

时间:2013-08-05 10:05:08

标签: containers wrapper resolution fixed fluid

我必须修复一个网站,它是用html 5开发的,并且在body标签内部直接设置了头部,部分和页脚标签。该网站可以100%查看桌面上的任何分辨率。

现在我需要将网站显示修改为特定分辨率(比如1024 * 768像素)。为此,我在body标签内直接创建了一个新的div,并将所有上述三个标签,即header,section和footer放入其中。我还为新创建的div定义了css宽度的固定值。

但是,在1024 * 768以上的分辨率下,该网站仍在100%的浏览器中显示。虽然我预计它会在任何更高分辨率的范围内限制。

我在css里面检查过,我的班级名称是唯一的(应用于新的div)。虽然有一个.wrapper类为100%,但没有找到它应用于html中的任何地方。

任何人都可以帮助我!

1 个答案:

答案 0 :(得分:1)

您在网站中使用的标题位于页面顶部,您无需定位它。

#container {

max-width: 1200px;

position: relative;

margin: 0 auto;

}

#header {

position: fixed;

top: 0;

width: 1200px;

max-width: 100%;

}