шрифт в mozilla

[failure]

Приветствую.

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

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


В Firefoxe списки li отображаются криво, слишком много для mozilla 20px(на картинке видно, что последний пункт li не влазит в #menu):
http://hostingkartinok.com/show-image.php?id=174cb9556ad89f673bb25f668c8719f4
В других браузерах все хорошо:
http://hostingkartinok.com/show-image.php?id=67c965a473b90c25b2f610955a1b73d4

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


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

[Pavel M.]

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

[failure]

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

[Pavel M.]

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

[failure]

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

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

[Aetae]

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

[failure]

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]

Вот (http://learn.javascript.ru/play/HOykB) пример.
Во вложении скрины. И?

[failure]

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

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

В этом примере последний пункт (Контакты) в mozille невлазит, переносится ниже, и шрифт отображается большим(если поставить 16px то нормально, а в остальных браузерах нет).
На скрине тотже пример открытый в firefox:
http://learn.javascript.ru/files/play/54/13/5413ef9100c2e.png

[Aetae]

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

[failure]

Aetae,
Ничего не прописывал и не использовал более... Насчет firefox, наверное в нём проблема...



http://learn.javascript.ru/files/play/54/14/541417942692d.png

[Aetae]

Мде. Нынче актуальная версия ровно в два раза больше.)

[failure]

К сожалению проблема не в этом снова((
Может linux не любит ? )


http://learn.javascript.ru/files/play/54/14/541426ba97f5b.png

[Aetae]

failure, ёпрст, так шрифт то кажет Times New Roman. "На третий день Зоркий Глаз заметил, что у сарая нет северной стены". =\

Ищи корень проблемы в том, почему он не хочет "Segoe UI". Может он вообще в системе не устанолен и разные браузеры подбирают замену по-разному? Тем более у вас не указана font-family.

[failure]

Решил проблему вот так:

@font-face {
font-family: 'Segoe UI';
src: url(segoeui.ttf);
}

Благодарю)

[hfts_rider]

Если я правильно понял...
В разных браузерах шрифты отображаются по разному, скорее всего в ФФ отображается шрифт шире чем нужно.
Задавай размеры шрифта в em. И не забудь для бади задать процентное соотношение.

Пример:
body{font-size:62.5%} /* 1em = 10px */

li{font-size:2em} /* или пробуй вводить в диапазоне, например 2.001 - 2.99 */

[Aetae]

Если я правильно понял...
В разных браузерах шрифты отображаются по разному, скорее всего в ФФ отображается шрифт шире чем нужно.
По-разному: да. Но только внешне. Размеры всегда точны иначе бы вэб был ещё большим адом чем есть.

А решение проблемы уже найдено.(см. выше)