Perché Firefox 2 visualizza caratteri più grandi di quelli specificati nei CSS?
Domanda
Ho una pagina web in cui Firefox 2 visualizza il carattere alcuni elementi specifici, più grandi di quelli specificati nel CSS.
Quando guardo l'elemento interessato (principalmente td
per quanto posso dire) con Firebug, vedo che font-size
è ereditato da < code> body (11px, quindi non è una dimensione relativa). Nessuno stile sovrascrive questo font-size
, ovunque. Quando abilito l'opzione Mostra stile calcolato , font-size
viene visualizzato come 16px, impostazione predefinita di Firefox.
Sembra che td
non erediti correttamente font-size
. Ovviamente, potrei specificare un selettore CSS più specifico destinato al td
(che in effetti funziona) ma non riesco a trovare alcun comportamento documentato di Firefox che non erediti il ?? font-size
propriamente. Succede solo in pochi tavoli, ma completamente estranei l'uno all'altro.
Qualcuno sa se sto trascurando qualcosa o è un problema di rendering in Firefox? Internet Explorer (lo so, non il miglior riferimento per la conformità agli standard) non ridimensiona le dimensioni dei caratteri nelle tabelle.
Soluzione
Questa è una seccatura ragionevolmente nota: TABELLA e TD erediteranno tutti gli stili di carattere tranne la dimensione del carattere, almeno in XHTML. Per "correggere" questo, imposta la dimensione del carattere anche per l'elemento TABLE o TD.
Quindi, per chiarire, questo non è specifico di Firefox. Hai provato su altri browser?