0

我知道我应该知道如何做到这一点，但是对于我在 SO 和互联网上的所有搜索，它都在逃避我。一位朋友想要一个具有固定宽度居中包装器的页面，宽度为 990 像素。左右将没有内容，但他希望页眉和页脚像流动布局一样延伸到页面的末端。我从来没有建立这样的网站，所以我被困住了，我只做固定宽度的居中包装器。

我想用 CSS over 表格来完成这个，这是他的偏好。

标题不是纯黑色，它是一个薄的 .png，作为 BG 图像重复。

页脚是纯 BG 颜色。

页面当前设置了包含在中心包装中的正确页眉和页脚，但没有任何东西向左和向右延伸。

页面链接：http ://www.jalvisualmedia.com/testsite/mystique/private_label.php

如果我省略了任何有用的东西，请告诉我。

4

2 回答 2

0

您可以尝试将 #wrapperTop 和 #footer id 放在固定宽度的中心包装之外，并将它们的宽度设置为 100%。

于 2012-08-18T02:29:01.097 回答
0

试试这个

#wrapperTop{
    width: 100%;
    height: 162px;
    margin: 0;
}

#navbar {
    height: 40px;
    width: 990px;
    margin: auto;
    background-image: url(../graphics/bg_top.png);
}

#header {
    height: 120px;
    width: 990px;
    margin: auto;
}

#imageSlice {
    width: 990px;
    height: 95px;
    background-color: white;
    margin: auto;
}​

#footer {
    width: 100%;
    height: 145px;
    margin: 0;
    background-image: url(../graphics/bg_bottom.png);
}

#navBox {
    width: 600px;
    height: 75px;
    margin: auto;
}

​</p>

于 2012-08-18T02:55:42.700 回答