У нижнего колонтитула Wordpress фоновое изображение тела перекрывается

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

Если вы хотите, чтобы белый фон нижнего колонтитула продолжался до нижней части страницы, установите фоновое изображение так, чтобы оно повторялось вдоль осей 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 2

Была ли высота, заданная на нижнем колонтитуле, установлена ​​преднамеренно? Вы можете сократить высоту своего нижнего колонтитула и просто спрятать все пустое пространство, просто установите для своего высоты нижний колонтитул что-то вроде 84px вместо auto и все это пустое пространство исчезнет.

Answer 3

У вас есть следующий селектор:

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

, который должен быть:

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