0

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

Opera

FireFox

Chrome

Так же в Firefox почему то не работают значки из http://fontawesome.io/icons/

4
  • у меня и хроме не работает ваш сайт , для начала уберите ваш flex полностью , я в dev tools убрал и сайт стал на 100% , так же у вас проблемы с font, далее у вас так же есть position absolute который не совместим с flex , вы уже выбирайте что вы хотите видеть - flex или block
    – user33274
    25 авг 2016 в 14:43
  • Добавьте проблемный участок кода непосредственно в вопрос, иначе скорее всего он будет закрыт.
    – edem
    25 авг 2016 в 14:45
  • и вам на сайте не нужен слайдер, а нужен обычная мена изображений
    – user33274
    25 авг 2016 в 14:47
  • Без кода невозможно воспроизвести вашу проблему. Если нужно дебажить код, всегда прикладывайте минимальный пример для воспроизведения.
    – Nick Volynkin
    6 сен 2016 в 4:52

2 ответа 2

2

1.

.owl-carousel {
    position: fixed;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

2.

.main__container {
...
left: 0;
right: 0;
}
  1. C FA FF не дружит, поищите решения в поиске для мозилы с font awesome.
2
  • Спасибо, ваше решение мне помогло, опять наступил на старые грабли. Скажите по поводу значков, есть ли у вас (если не долго искать) хорошая альтернатива? 26 авг 2016 в 9:30
  • Вот следующую ответ и мне помог, нужно скачивать шрифты, а не устанавливать их через cdnjs и прочее (http: // ... ). И подключать в стили font-awesome.css (там же в файлах при скачивании найдете).
    – SVE
    26 авг 2016 в 10:02
1

По поводу fontawesome и ff

  1. качаем http://fontawesome.ru/ шрифт отсюда и в корень проекта закидываем папку fonts
  2. Добавляем в css следующий код:@font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=4.3.0'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; }
2
  • Ваш вариант чем то отличается? у пользователя эти иконки не отображаются только в браузере Firefox.
    – PHP
    26 авг 2016 в 9:45
  • Отличается тем, что изначально я не скачивал шрифты. А в этом примере скачал и по другому подключил. 26 авг 2016 в 12:35

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.