Пропускать прозрачное поле нижнего колонтитула

Question

У меня проблема с белым зазором внизу моего документа HTML, и я полагаю, что проблема заключается в неправильном использовании комбинации свойств float, clear, display, но я не уверен.

У меня естьнижний колонтитул, содержащийся в главном держателе страницы div.Этот нижний колонтитул имеет верхнюю границу 50 пикселей, чтобы придать желаемую разметку, но проблема в том, что на меньшем экране (как мой ноутбук, который является ноутбуком стандартного размера) между html и нижней частью страницы появляется белый разрыв- похоже, что не только div-держатель, но и то, что html не «очищает» нижний колонтитул с помощью margin-top.

Вот URL-адрес, поскольку его сложно объяснить, я считаю, что я близокчтобы решить, поигравшись с поплавком, очистить и убрать маржу, но не могу добраться ... какие-нибудь идеи?Я был бы благодарен за указатели:

http://tinyurl.com/7ywoqpf

Вот изображение проблемы.

Answer 1

Попробуйте ниже css - отредактируйте вашу линию style.css 115

footer {
    border-top: 2px solid gray;
    width: 805px;
}

Удалить margin-top: 50px;

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

Обновление:

Попробуйте удалить и эту строку style.css 212

html {height:100% }

Answer 2

Уберите margin-top, вы избавитесь от нижнего промежутка. Но вам нужно переместить нижний колонтитул в раздел body, чтобы он охватывал не только внутренний элемент div.