Блог

Главная - Вопросы по программированию - Изображения, скрытые за фиксированным нижним колонтитулом

Изображения, скрытые за фиксированным нижним колонтитулом

#css

#css

Вопрос:

Пожалуйста, взгляните на следующую скрипку:

http://jsfiddle.net/ellenchristine/tty3e/

Обратите внимание, что при расширении или сокращении панели результатов плагин jQuery Masonry заполняет новое пространство изображениями. Однако у меня возникли проблемы с областью нижнего колонтитула…при прокрутке до самого низа последнее изображение всегда частично скрыто за фиксированным нижним колонтитулом. Я пробовал добавлять поля в нижний колонтитул, в оболочку, во все, но у меня ничего не получается. Кто-нибудь видит, что я делаю не так?

Ответ №1:

Если вы удалите настройки высоты, которые были у вас в #wrapper, и установите нижнее заполнение, оно, похоже, будет функционировать так, как вам нужно. Высота 100% занимала 100% родительского элемента, поскольку все элементы внутри #wrapper были плавающими, и это была просто высота окна отображения. Если вы хотите увидеть это в действии, поместите рамку на #wrapper перед удалением высоты, чтобы увидеть проблему.

 #wrapper {
    width:960px;
    min-height: 100%;
    padding: 15px 0 115px;
    margin: 0 auto;
}

http://jsfiddle.net/tty3e/8/

Ответ №2:

попробуйте overflow:hidden на #wrapper

Комментарии:

1. Если бы вы попробовали это в jsFiddle, вы бы заметили, что это не работает. Это предотвращает попадание изображений под нижний колонтитул, но на самом деле скрывает их, а не оборачивает изображения с помощью #wrapper, как ожидалось.