Почему Firefox 2 отображает шрифты большего размера, чем указано в CSS?
Вопрос
У меня есть веб-страница, где Firefox 2 отображает шрифтом определенные, действительно специфические элементы, большего размера, чем тот, который я указал в CSS.
Когда я смотрю на затронутый элемент (в основном td
элементы, насколько я могу судить) с Firebug я вижу, что font-size
наследуется от body
(11 пикселей, так что это не относительный размер).Никакие стили не перезаписывают это font-size
, где угодно.Когда я переключаю Показать вычисляемый стиль вариант, при котором font-size
отображается как 16 пикселей, по умолчанию в Firefox.
Кажется, что td
не наследует font-size
должным образом.Очевидно, что я мог бы указать более конкретный CSS-селектор, ориентированный на td
(что на самом деле работает), но я не могу найти никакого документированного поведения Firefox, не наследующего font-size
должным образом.Это происходит всего в нескольких таблицах, но совершенно не связанных друг с другом.
Кто-нибудь знает, я что-то упускаю из виду или это проблема с рендерингом в Firefox?Internet Explorer (я знаю, не самый лучший справочник по соблюдению стандартов) не увеличивает размеры шрифта в таблицах.
Решение
Это достаточно хорошо известное раздражение:Таблицы и TDS будут наследовать все стили шрифтов, кроме размера шрифта, по крайней мере, в XHTML.Чтобы "исправить" это, установите размер шрифта также для элемента TABLE или TD.
Итак, чтобы уточнить, это не относится к Firefox конкретно.Вы тестировали в других браузерах?