Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   шрифт в mozilla (https://javascript.ru/forum/xhtml-html-css/50120-shrift-v-mozilla.html)

failure 12.09.2014 19:05

шрифт в mozilla
 
Приветствую.

Есть страница, меню ul со списками li, и таким css :
Код:

#menu ul li {
        float: left;
        list-style: none;
        font-size: 20px;
}

В Firefoxe списки li отображаются криво, слишком много для mozilla 20px(на картинке видно, что последний пункт li не влазит в #menu):
http://hostingkartinok.com/show-imag...b25f668c8719f4
В других браузерах все хорошо:
http://hostingkartinok.com/show-imag...f610955a1b73d4

Пробовал заменить значения в px на %, таже проблема.


Подскажите, как можно решить такую задачу ?

Pavel M. 12.09.2014 20:19

не понятно в чем проблема

failure 12.09.2014 20:23

Pavel M.,
проблема в том, что
Цитата:

Сообщение от failure
В Firefoxe списки li отображаются криво

, то есть в firefox 20px отображаются как 24px, и списки не влазят в меню.

Pavel M. 12.09.2014 22:29

может быть ctr+ случайно нажали :-)
?

failure 12.09.2014 22:41

Цитата:

Сообщение от Pavel M. (Сообщение 330333)
может быть ctr+ случайно нажали :-)
?

К сожалению нет )))

Aetae 12.09.2014 23:01

Пример покажи. Мы тебе не верим.

failure 12.09.2014 23:14

Aetae,
Цитата:

Сообщение от Aetae
Пример покажи. Мы тебе не верим.

<div id="menu">
  <ul>
     <li><a href="">Главная</a></li>
     <li><a href="">Пункт</a></li>
     <li><a href="">Пункт</a></li>
     <li><a href="">Пункт</a></li>
     <li><a href="">Пункт</a></li>
     <li><a href="">Контакты</a></li>
</ul>
</div>

#menu ul li {
	float: left;
	list-style: none;
	font-size: 20px;
}



Может ли быть проблема в том, что я использую шрифт 'Segoe Ui', и его не знает mozilla (а с другими браузерами почему норм) ?
body {
    font-family: 'Segoe UI';
}

Aetae 13.09.2014 00:56

Вложений: 3
Вот пример.
Во вложении скрины. И?

failure 13.09.2014 11:02

Aetae,
я вас понял.

Вот пример с моей меню -> http://learn.javascript.ru/play/QuZ5Nb .

В этом примере последний пункт (Контакты) в mozille невлазит, переносится ниже, и шрифт отображается большим(если поставить 16px то нормально, а в остальных браузерах нет).
На скрине тотже пример открытый в firefox:

Aetae 13.09.2014 14:02

failure, опять всё идентично во всех браузерах. Какой у вас firefox? Может вы используете stylish или greasemonkey, или чтол-либо прописали в userChrome.css? Или, вдруг, у вас прописан "минимальный размер шрифта"(настройки->содержимое->дополнительно). А может у вас настроено увеличение размера шрифтов в windows?
Фигня какая-то.


Часовой пояс GMT +3, время: 14:20.