пробел после нижнего колонтитула, только в firefox

Кажется, что случайное пустое пространство после нижнего колонтитула внизу сайта, но оно появляется только в Firefox. Сайт отлично подходит для Safari и Chrome. Когда я пытаюсь использовать элемент проверки, пустое пространство, похоже, не подпадает под любые теги. Это не похоже на теги нижнего колонтитула, поскольку удаление их ничего не меняет.пробел после нижнего колонтитула, только в firefox

Я использую решение для нижнего колонтитула Ryan Fait's Sticky Footer. Кажется, что он отлично работает на Chrome и Safari, но, похоже, не работает в Firefox.

Вы можете проверить его на: http://www.edmhunters.com/martin-garrix/

Любые идеи, что я делаю не так?

источник

2014-12-15 Yin Yang

Проверьте мой ответ вне. Он протестирован и работает. Если вы будете следовать точно, что я говорю, это будет работать в кратчайшие сроки. Тестированные Chrome и Firefox, что означает, будут работать и в Safari. Честно говоря, я говорю, что меня не волнует IE, поэтому, если он не работает, просто двигайтесь дальше, но это личное мнение. –

@CayceK Спасибо, он отлично работает. Меня не волнует IE, никогда не будет, никогда не будет. –

Оба ответа уже предоставленные не помогают ситуации ...

<span class="footer-copyright"> 
<strong>© EDM Hunters 2014</strong> 
</span>

Is расположенный в нижнем колонтитуле, его размещение неверно. Он не отображается, как в Chrome. Вам нужно немного переместить меню влево. Я дам css, когда получу точные стили.

В global.min.***.css по линии 12, удалить все ваши CSS надстройку:

bottom: -102px; 
position: relative;

Это должно быть для .footer-copyright. Не используйте overflow:hidden, потому что это для тех, кто не знает, что происходит. Теперь ... В эту секунду мне нужно проверить Chrome, но все должно быть хорошо. Я исправлю редактирование через минуту, если это не так.

Заключительный изменить:

Для работы в Chrome добавить с двумя стилями выше:

display: block; 
float: left;

источник

2014-12-15 13:26:46

Для тех, кто отклонил мой ответ, если он не ревнив angst, пожалуйста, дайте мне знать, так как это правильный ответ и решает проблему во всех браузерах.Если вы пытаетесь использовать 'overflow: hidden 'и решение, вам нужно исследовать css немного больше. –

Если добавить

overflow:hidden

К элементу колонтитула, кажется, решить эту проблему в Firefox. Я получил эту идею от this question, так что это, вероятно, та же самая или аналогичная проблема (сворачивающиеся поля).

источник

2014-12-15 13:24:23 Collierre

-1

Это проблема с clearfix на firefox, поскольку ... навсегда. Если вы удалите clearfix и добавьте float:left; width:100% или overflow:hidden в нижний колонтитул, он должен быть хорош во всех браузерах.

Кроме того, вы действительно не используете clearfix правильно. Вместо добавления пустого элемента как <div class="clearfix"></div>, вы должны просто добавить класс в контейнер размещённых элементов:

<div class="clearfix"> 
    <div style="float:left"></div> 
    <div style="float:right"></div> 
</div>

источник

2014-12-15 13:25:35

Его clearfix работает достаточно хорошо. Правильно в глаза смотрителя, когда дело доходит до css, за исключением случаев, когда вы пытаетесь использовать что-то вроде переполнения: скрыты на элементе, не пытаясь обнаружить настоящую проблему ... –

пробел после нижнего колонтитула, только в firefox

ответ

Смежные вопросы