Некорректный размер кнопок в Mazilla

[jontsk]

Проблема с оображением в Мазиле.

http://jsfiddle.net/jontsk/WCyZr/4/

На скриншоте видно, что общая высота кнопок в Мазиле на 5px больше.

Не знаю что делать с этим.

[Vin]

Не устанавливать фиксированную высоту для блоков с текстовым содержимым.

P.S. В опере мобайл тоже не влезает))

[jontsk]

Не помогло. при установке авто высоты все равно кнопки на 5px больше

Решил проблему, установкой максимальной высоты для кнопок в стилях кнопки...

[Vin]

Да нет, я как раз о том, что шрифты в разных браузерах рендерятся по-разному, поэтому расчитывать на определённую высоту опрометчиво — обычно в таких случаях блоку задают overflow: scroll или overflow: auto, чтобы можно было про прокручивать при необходимости.

Либо тогда уж самим кнопкам задать фиксированную высоту, но всё равно — это ненадёжно.

Edited September 30, 2013 by Vin

[mrnobody]

Я установил line-height: 16px; для селектора .button_top_menu

http://jsfiddle.net/mrnobody/WCyZr/5/

[jontsk]

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

[klierik]

http://jsfiddle.net/klierik/WCyZr/8/

Дело в том что под ФФ высота кегля расчиталась на 1пк больше, чем под Хромом.

Видимо особенности рендеринга шрифта. но вылечить не проблема.

[jontsk]

Я установил line-height: 16px; для селектора .button_top_menu

http://jsfiddle.net/mrnobody/WCyZr/5/

Хм, вот это правильнее. Спасибо. Только к .top_menu_sections надо.

[Vin]

Под мозиллу можно так

@-moz-document url-prefix(){

/* Стили только для мозиллы */

}

Можно так. Но как я уже сказал, рассчитывать на определённую высоту слишком ненадёжно.