2013-04-21 2 views
2

Пожалуйста, посетите this website.пустое место в нижней части страницы

Внизу пустое место. Я проверил, и в моем css нет минимальной высоты.

Я подозреваю, что это детали тела css, как показано ниже;

body { 
    line-height: 1.5; 
    font-size: 87.5%; 
    word-wrap: break-word; 
    margin-top: 0px; 
    margin-left: 0px; 
    margin-right: 0px; 
    padding: 0; 
    border: 0; 
    outline: 0; 
    background: none repeat scroll 0 0 #EFEFEF; 
} 


html, body, #page { 
    height: 100%; 
} 
+0

нет «пустое место» здесь, в Chrome. – Scott

+1

Я не вижу лишнего места в нижней части страницы. Я запускаю Firefox 20 в OpenSuse 12.3, и у меня отключен JavaScript. На всякий случай это помогает. – Bobulous

+0

Можете ли вы написать пример для html-кода или написать пример в jsfiddle? Я пробую ваш код CSS, и у меня нет проблем ...! –

ответ

10

Это извлекал кровь для меня в Safari 6.0.3;

#footer-wrapper { 
    margin-top: 40px; 
    background: url("../images/footer.png") repeat-x scroll 0 0; 
    overflow: hidden; 
} 

Возможно, вы захотите обработать этот переток по-разному, основываясь на содержимом внутри него. Но это должно исправить пустое пространство.

Я понял это, просто удалив узлы из DOM снизу вверх. Это должно было быть в #footer-wrapper. Поскольку маржинальная дно не работала, и вы использовали относительное позиционирование, я понял, что из этого элемента истекает кровью.

Update (лучше исправить)

Просто найти реальную проблему к проблеме;

.clearfix::after { 
    content: ""; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
} 

Изменение content: "."; в content: ""; и это исправлено. Или просто удалите этот стиль вообще, поскольку он, похоже, не использует в этом случае.

+0

Allendar thanks :) –

+0

У меня была аналогичная проблема, как указано выше, но добавление 'overflow: hidden;' исправлено для меня, thx – Tom

0
margin-bottom: 0px; 

Это сделать Btw ..nice сайт чувак :)

+0

'' в Dev Tools не изменил нижний край. Я даже пробовал его как на «html», так и «body», без каких-либо результатов. – 2013-04-21 17:42:19

0

Иногда это некоторые iframes/объекты, созданные сторонними службами, которые создают это пустое пространство. В моем случае Google Adwords и Google Analytics создавали это. Итак, я удалил, добавив этот CSS:

object[type="application/gas-events-cef"], 
iframe[name="google_conversion_frame"] { 
    display: none !important; 
    height: 0 !important; 
    width: 0 !important; 
    line-height: 0 !important; 
    font-size: 0 !important; 
    margin-top: -13px; 
    float: left; 
} 

Возможно, вам нужно будет добавить дополнительные правила для вашего дела. Надеюсь, это поможет.

0

Я опоздал на шоу здесь, но это может помочь кому-то в моем случае. У меня было пустое место наверху. Я добавил margin-top = -20px, теперь пустое пространство внизу, почти все предложения I найденных на этих и многих нитях и ничего. Решил запустить его через некоторый HTML-валидатор, некоторые из них не подобрали, но после того, как пара обнаружила дополнительный символ (`) в конце тега, и это было так, так что это была неуклюжесть пользователя, взяла эту вещь теперь моя страница была сдвинута, взяла отрицательный запас и все хорошее. Поэтому попробуйте валидатор и ищите что-то вроде этого.