Разный padding в Firefox и Chrome

[Artlive]

Может, я сошел с ума, но я не понимаю, откуда это берется.

Пример.

Проблема:

Firefox:

Chrome:

Как видно, в FF высота ссылки на 1px больше. Этот пиксель добавляется сверху.

Почему такая разница, откуда берется, как убрать?

Спасибо.

[valera]

у меня в FF всё норм

версия FF 23

Edited August 16, 2013 by valera

[Artlive]

Windows 7/8/8.1?

[npofopr]

Из-за паддинга, очевидно же.

Уберите верхний и нижний отступы, поставьте line-height: 35px; и будет счастье.

А вообще, стили ставятся обычно для "a", а не для "a:hover", обычно.

[valera]

Windows 7/8/8.1?

хп

Edited August 16, 2013 by valera

[Artlive]

Из-за паддинга, очевидно же.

Уберите верхний и нижний отступы, поставьте line-height: 35px; и будет счастье.

Ну вы же понимаете, что ничего не поменяется? Да, будет одинаковая высота A, но положение текста внутри будет разным. У FF на 1px сверху отступ будет больше.

Т.е. мы просто перенесли этот 1px в другое место.

хп

XP не годится, слишком уже большая разница в отображении там от среднеюзерского на 7/8

[npofopr]

Я думаю это всё ваши проблемы:

http://stackoverflow.com/questions/8231612/padding-differences-between-chrome-and-firefox

http://stackoverflow.com/questions/11713163/css-text-padding-difference-firefox-vs-chrome-and-others

http://stackoverflow.com/questions/15403415/firefox-chrome-padding-issue-with-button

Запрос в гугл: "firefox chrome padding"

[Artlive]

Запрос в гугл: "firefox chrome padding"

Я искал уже очень много, но рецепта не нашел.

Только я не понимаю, у меня одного эта проблема вызывает душевные страдания, а практически всем на разницу в 1px с высокой колокольни? =)

[antonKar]

Только я не понимаю, у меня одного эта проблема вызывает душевные страдания, а практически всем на разницу в 1px с высокой колокольни? =)

Я как-то работал с дизайнером, который присылал корректировки вида "В этом браузере у меня на 1 пиксель съехало в сравнении с макетом". Дизайнеру было по фиг, что он сделал типичный провинциальный говнотреш, главное пиксели.

Пиксельхантерство никому не нужно. Только тем, кому делать нечего. Пиксель в пиксель должен быть в разумных пределах. Сайты делаются для людей. Абсолютная выдрочка пиксель в пиксель весьма маловероятно будет совместима между ценой и временем. И нужна будет 1,5 человекам, которые забудут про это уже на следующей день.

[Artlive]

Пиксельхантерство тут ни при чем. У меня скорее спортивный интерес к решению задачи, а не прикладной (хотя и использовать тоже можно будет, почему нет).

Edited August 16, 2013 by Artlive

[Struggle]

Проблему решили?

сброс стилей делали?

FF последний, проблем нет

[SelenIT]

Скорее всего, Fx по-своему округляет дефолтный line-height (который зависит от шрифта и очень дробный), из-за особенностей своего субпиксельного рендеринга. Практически, да, 1px погрешности из-за разницы в рендеринге шрифтов (кроме Fx, свой субпиксельный рендеринг бывает еще у IE9+, а еще есть веселуха Win vs. Mac) — абсолютно нормальное и допустимое явление. Но если очень хочется и очень много свободного времени, можно попробовать «пошаманить» с комбинациями font-size/line-height (с шагом по полпикселя в обе стороны) до попадания в приемлемую комбинацию (если повезет).

[Artlive]

Проблему решили?

сброс стилей делали?

FF последний, проблем нет

Не решили

Сброс стилей где? =) В примере?

Проблема не в отдельно FF и не в отдельно в Chrome (и да, нужна Windows 7 и выше). Проблема в сравнении: берем блок, пишем в нем указанным шрифтом что угодно, открываем в FF и Chrome, сравниваем получившуюся высоту блока. Она будет отличаться на 1 пиксель.

SelenIT вот пишет, похоже, и правда то, что мне удалось саму понять или вычитать: проблема в субпиксельном рендеринге. Вопрос, при каких обстоятельствах браузер "округляет" высоту шрифта до той, или иной величины. Это дебри, да, но неизученные практически никак, т.к. в принципе самой проблеме всего пару лет (с выхода FF 4).

Практически, да, 1px погрешности из-за разницы в рендеринге шрифтов (кроме Fx, свой субпиксельный рендеринг бывает еще у IE9+, а еще есть веселуха Win vs. Mac) — абсолютно нормальное и допустимое явление.

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

[Struggle]

Проблему решили?

сброс стилей делали?

FF последний, проблем нет

Не решили

Сброс стилей где? =) В примере?

Проблема не в отдельно FF и не в отдельно в Chrome (и да, нужна Windows 7 и выше). Проблема в сравнении: берем блок, пишем в нем указанным шрифтом что угодно, открываем в FF и Chrome, сравниваем получившуюся высоту блока. Она будет отличаться на 1 пиксель.

SelenIT вот пишет, похоже, и правда то, что мне удалось саму понять или вычитать: проблема в субпиксельном рендеринге. Вопрос, при каких обстоятельствах браузер "округляет" высоту шрифта до той, или иной величины. Это дебри, да, но неизученные практически никак, т.к. в принципе самой проблеме всего пару лет (с выхода FF 4).

Практически, да, 1px погрешности из-за разницы в рендеринге шрифтов (кроме Fx, свой субпиксельный рендеринг бывает еще у IE9+, а еще есть веселуха Win vs. Mac) — абсолютно нормальное и допустимое явление.

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

Я просто подумал что раз на примере всё гуд (посмотрел в FF), значит проблема у вас на проекте, так часто бывает, задали стиль, и забыли

Edited August 17, 2013 by Struggle