Почему сайт в FireFox отображается некорректно? Браузеры на Chronium и Presto отображают страницу как надо.
Ссылка на сам сайт
В FireFox в разделах "Бакалавриат/Специалитет", "Магистратура", "Аспирантура" контент внутри зеленых блоков зажёван.
3 ответа
Не думаю что проблема в line-height, в разных браузерах шрифт по разному рендерится, и у ФФ текст переносится на новую строку, а так как родительский блок имеет статическую высоту - текст прячется вниз. Для ФФ нужно прописать
letter-spacing: -0.01em;
но все же я советую убрать статическую высоту с родителя.
-
Да, вот это помогло. Текст везде стал виден. Но всё равно есть маленькие косяки с длинной блоков. На днях займусь переделкой сайта, уберу статичную высоту везде. – Евгений_21 17 фев '16 в 15:57
Дополните высотой строки и будет отображаться одинаково:
.data ul li, .data1 ul li {
line-height: 18px;
}
-
Прописал. Списки стали одинаковой высоты, но блоки всё равно зажёвываются. Проверил отступы позиционирования, вроде всё правильно. Затем начал мерить линейкой и увидел, что почти все боки расходятся по высоте. Походу нужно прописывать фиксированную высоту для всех элементов. Вот посмотрите на картинке - i.imgur.com/li4HOI0.jpg – Евгений_21 16 фев '16 в 19:24
попробуйте прописать стили специально для FireFox:
@-moz-document url-prefix(){
.class {стили для класса}
#id {стили для id}
}
li
элементы выше, поэтому и не влазят. – Jean-Claude 16 фев '16 в 18:09