Разрыв внизу сайта - PullRequest
       16

Разрыв внизу сайта

3 голосов
/ 18 апреля 2011

У меня есть разрыв между содержимым моего сайта и нижней частью окна, который я пытался удалить в течение нескольких дней и не нашел решения. Пожалуйста, смотрите http://bpc.paulsham.com или изображение ниже.

Bottom of webpage with unexplainable gap

Из того, что я пробовал, <body> не имеет полей или отступов, <div id="page-wrapper"> не имеет нижнего поля, и никакие элементы div, вложенные в нижний колонтитул, не имеют нижних полей, которые должны на него влиять. Используя Firebug, кажется, что фактический <html> вытащен оттуда, где находится окно.

Это пользовательская тема, основанная на стандартной для Bartik теме Drupal 7, но я думаю, что это проблема CSS. Я, однако, начинаю задаваться вопросом, является ли это проблемой типа документа, но все, кажется, проверяет хорошо.

Спасибо за вашу помощь и, пожалуйста, дайте мне знать, если вам потребуется дополнительная информация.

Ответы [ 3 ]

10 голосов
/ 18 апреля 2011
  • Вкл. #page-wrapper, добавить overflow: hidden для очистки поплавков.
  • Вкл. #page-wrapper, удалить правила box-shadow.

Это устраняет пробел.

Мне удалось добавить обратно в тень, но не допустить повторного появления разрыва.

Это пошло что-то примерно так:

  • Также добавьте overflow: hidden к #page.
  • Переместите свойства width и margin с #page-wrapper на #page.
  • Считайте свойства box-shadow в #page.
  • Исправьте background s - #page-wrapper не должно иметь background больше.Один применяется в нескольких местах.
0 голосов
/ 18 апреля 2011

Проблема в том, что ваш нижний колонтитул исправлен:

<div id="footer-columns" class="clearfix">

Удалите class="clearfix", и разрыв исчезнет.

Обновление
Видимо, не во всех браузерах; см комментарии Метод тридцатки - это, вероятно, верный путь.

0 голосов
/ 18 апреля 2011

Попробуйте этот код CSS:

body{margin-bottom: 0px, padding-bottom: 0px}
...