содержимое вне тега html

Question

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

URL-адрес страницы ссылка

вот картинка, внизу страницы должна быть черная часть.

Answer 1

Беда здесь в вашем <div id="filter_list" class="dd_list">. Несмотря на то, что вы установили overflow: hidden;, вы не указали высоту для поля, поэтому он радостно прокручивает страницу вниз, в том числе далеко за пределы вашего обычного контента.

Установите height: 100px; (или сколько вам нужно), и остальная часть макета страницы вернется в нормальное состояние.

Примечание об отладке: так как есть явно нет оскорбительных элементов на внизу страницы я пробовал просто удаление элементов со страницы по одному один, пока полоса прокрутки не исчезла. Однажды я нашла родителя-нарушителя элемент, я обновил страницу и начал удалять этот элемент дети. И я повторял это, пока я добрался до элемента #filter_list, который, наконец, предложил ощутимый объяснение поведения.

Answer 2

Если вы хотите, чтобы черная полоска была закреплена снизу, вы можете установить ее положение на фиксированное значение.

Цвет фона тела будет распространяться на всю клиентскую область браузера независимо от его размера.

Я изменил ваш CSS, чтобы поставить черную полосу внизу вашей страницы:

#footer {
  height: 75px;
  background: url(images/bottom_menu_bg02.jpg);
  position: fixed;
  bottom: 0px;
}

Вы можете использовать overflow: hidden, чтобы скрыть полосу прокрутки, но я не уверен, что это действительно то, что вы хотите сделать в этом случае.

Answer 3

Нашел "ошибку". Это #filter_list. У него есть куча div, которые содержат ... список фильтров, я думаю.

Простое исправление будет

#filter_list{
    height:400px;
    overflow-y:scroll;
}