Нижний колонтитул перекрывается - PullRequest
1 голос
/ 01 марта 2012

Я использую слайд меню jQuery и у меня проблемы с нижним колонтитулом.

Мой нижний колонтитул перекрывает весь мой другой контент при увеличении. В результате, если вы видите веб-сайт в небольшом разрешении, вы не получите весь контент.

Я попытался удалить абсолютную позицию, но затем нижний колонтитул переместился в верхнюю часть экрана.

Мне нужен нижний колонтитул, чтобы он всегда находился под моим контентом, независимо от его высоты.

Возможно ли это с помощью этого скрипта?

Сайт: http://kennethkjaer.gofreeserve.com/

#footer { /* Footer container (whole browser width) */

background-image:url(../images/footer_bg.jpg);
bottom: 0;
position:absolute;
width: 100%;
height:85px;
padding-top:10px;
padding-bottom: 5px;

} #footer_box {/ * Центрированный контейнер нижнего колонтитула с заполнением сома для правильного выравнивания содержимого * / ширина: 820 пикселей; высота: 30px; поле: 0px авто; положение: относительное; отступы: 0px 10px 0px 10px; } #footercontent { ширина: 360px; высота: 30 пикселей; плыть налево; отступы: 0px; } #footerimg { ширина: 100 пикселей; высота: 30 пикселей; поле: 0px; плыть налево; }

#footerimg p
{
    float: right;
    margin: 38px 0px 0px 0px; !important;
}

Ответы [ 2 ]

2 голосов
/ 01 марта 2012

От вашего вопроса я предполагаю, что вы не хотите липкий нижний колонтитул.

В этом случае проблема возникает из-за position:absolute и bottom:0. Вы просите нижний колонтитул всегда придерживаться нижней части (нижняя часть окна браузера , а не нижней части документа), даже если туда попадает другой контент. Так как другой контент на вашей веб-странице достигает нижней части окна браузера, он закрывается нижним колонтитулом. Если вы удалите этот CSS, это будет решено. Если нижний колонтитул HTML находится в конце вашего HTML-кода для страницы, он, естественно, будет в нижней части (документа ), но вам, возможно, придется прокрутить вниз, чтобы увидеть, как он выиграл ' t придерживаться нижней части окна браузера . Взгляните на этот сайт для справки. Я предполагаю, что вам нужен именно такой колонтитул.

1 голос
/ 01 марта 2012

Прежде всего, я хочу сказать, что ваша разметка не очень хорошая. Согласно вашему требованию вы можете использовать метод липкого нижнего колонтитула для этого

Проверить ссылку http://ryanfait.com/sticky-footer/

...