لماذا يعرض 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 (أعلم أنه ليس أفضل مرجع للامتثال للمعايير) لا يقوم بقياس أحجام الخطوط في الجداول.
المحلول
وهذا إزعاج معروف إلى حد معقول:سوف ترث الجداول والجداول الزمنية جميع أنماط الخطوط باستثناء حجم الخط، على الأقل في XHTML."لإصلاح" هذه المشكلة، قم بتعيين حجم الخط أيضًا لعنصر TABLE أو TD.
لذا للتوضيح، هذا ليس خاصًا بفايرفوكس.هل قمت باختبار في متصفحات أخرى؟