[résolu] Knacss, police en 'em' et table

Bonjour à tous,

J'utilise avec bonheur Knaccss, mais j'ai une étrangeté que je ne m'explique pas.

Après Knacss.css qui me sert de reset pour tout mes sites, j'ai une feuille de style spécifique à chaque projet.
Dans celle ci, j'ai cela:

body, table, td {
	font-family: "Times New Roman", Times, serif;
	font-size:1.6em;
	line-height:1.4em;
}

Dans ce cas, les textes présents dans des tables (<table>) sont dans visible en très gros caractères alors que la taille utilisée (via FireBug) est bien de 1.6em, comme les autres textes de la page qui ne sont pas dans un table.

Pour résoudre le problème, j'ai enlevé "table, td" de la défition CSS si dessus

Un lien pour voir le problème en vrai:
http://mahanaora.pf/test/index.html

Mais je trouve cela bizarre.
Est ce que vous avez une explication.

Merci

Marco
Modifié par pifoux (30 Aug 2014 - 04:32)

l'unité em est une unité relative. Chacune de tes balises body, table et td ont une taille de police qui est 1,6 fois plus grande que celle de leur parent.

le fichier css définit une taille pour la balise html à 10px.

Tu définit pour la balise body un font-size de 1.6em soit en suivant la cascade 10px*1.6 = 16px
Puis pour la balise table qui est enfant de body tu as définit un font size de 1.6em soit 16px(de la balise body) * 1.6 = 26px
Puis pour ta balise td ça devient 26px (venant de la balise table) *1.6 = 41px.
Modifié par marginus (30 Aug 2014 - 02:23)

Salut et merci

C'est super clair. Je comprend beaucoup mieux.

Bon week end

Marco