Question

在http://www.teampaulmitchellkarate.com/上，“创建此网站”的页脚应该一直向下，而不是切断半灰色（显示我的背景图像的一部分）。

我已经将BG图像缩小了，但它在主页的页面中间切断了。

页脚CSS：

#footer {
    background: url("images/footer.gif") repeat-x scroll 50% 0 transparent;
    height: auto !important;
    min-height: 171px;
    overflow: hidden;
}

Answer 1

您有以下选择器：

#footer .indent {padding:73px 0 20px 13px;}

应该是：

#footer .indent {padding:23px 0 20px 13px;}

Answer 2

如果您希望页脚的白色bg继续到页面底部，请将背景图像设置为沿x轴和y轴重复：

#footer {
background: url(images/footer.gif) repeat-x 50% 0%;
min-height: 171px;
height: auto !important;
height: 171px;
overflow: hidden;

}

#footer .indent {
    padding: 23px 0 20px 13px;
}

#footer p {
    line-height: 22px;
    font-size: 14px;
    color: #3f3f3f;
}

    #footer p a {
        text-decoration: none;
        color: #333333;
    }

        #footer p a:hover {
            text-decoration: underline;
        }

    #footer p span a {
        color: #000000;
    }

/* Footer navigation */

nav.footer {
    float:right;
}

    nav.footer ul {
        margin: 0;
        list-style: none;
        overflow: hidden;
    }

        nav.footer ul li {
            float: left;
            padding: 0 0 0 15px;
            line-height: 22px;
            font-size: 14px;
            color: #3f3f3f;
        }

            nav.footer ul li a {
                text-decoration: none;
                color: #3f3f3f;
            }

                nav.footer ul li a:hover {
                    text-decoration: underline;
                }

这将使页脚的白色bg切片填满整个区域。

无关，你可以将你的images / bg.png调整到大约10px的宽度并节省一些服务器带宽而不会失去任何质量。

Answer 3

您的页脚上的高度是否有意设置？你可以减少你的页脚的高度，只是轻松地隐藏所有空白空间，只需将你的页脚高度设置为84px而不是auto，所有空白空间都将消失。

Wordpress页脚有身体背景图像重叠

3 个答案: