Вы можете просмотреть эту страницу здесь: http://www.envisionlocal.com/
Под синим цветом вы увидите, где пробегает пустое пространство до того, как начнется серая область. Я считаю, что этот код:
<div class="bottom_part"></div>
Что использует этот CSS:
#banner .bottom_part {
clear: both;
padding: 167px 0 0;
}
Но когда я удаляю это из HTML, я все равно получаю то же пустое пространство на странице. Кто-нибудь знает, что мне нужно изменить, чтобы удалить его?
Вы должны проверить свою страницу.
body {
background: url("../images/body_bg3.jpg") repeat-x scroll left 0 #F3F4F4;
}
Это изображение: http://www.envisionlocal.com/images/body_bg3.jpg
Ваш фон - это одно целое изображение, создающее впечатление, что при удалении вашего div есть пробел.
Это часть фонового изображения здесь: http://www.envisionlocal.com/images/body_bg3.jpg
Когда вы увеличиваете масштаб изображения, вы можете увидеть изображение шириной 1 пиксель, которое повторяется горизонтально с этим стилем:
background: #F3F4F4 url(../images/body_bg3.jpg) repeat-x left 0px;
Вы можете вырезать синюю часть из изображения или имитировать изображение с помощью структуры div и стилизации.
Капель был прав, нужно исправить фоновое изображение на теле. Чтобы устранить проблему, замените файл images/body_bg3.jpg с помощью этого http://i.stack.imgur.com/sTwFE.jpg и удалите dev с классом "bottom_part" из html
Измените фоновое изображение: body_bg3.jpg в элементе body