2009-06-08 14 views
2

Cela me rend fou ...taille de la police pas appliquée dans IE8

je faisais mon site bac à sable asp.net quand du jour au lendemain, je commence à réaliser que dans IE8 (IE7 vue compatible ou non) ne ne pas montrer la police CSS appropriée ...

dans l'image ci-dessous j'ai enlevé tous les CSS et ajouter un seul:

body { 
    font-size: 11px; 
} 

ce qui est (malheureusement) le résultat :

alt text http://www.balexandre.com/temp/2009-06-08_0927_iefont.png

Y at-il l'âme prête à me aider ...? Cela me rend fou depuis samedi soir! Je ne peux pas trouver une bonne solution, je pensais vraiment que quelque chose est était avec CSS, donc je valide même tous les CSS par CSS Validator et validate toute la page ...

rien changé un peu du résultat :(

Toute l'aide, ou même un coup dans la bonne direction est grandement appréciée.

Merci.

PS à la fois aussi bien Safari écran Opera et Chrome le même résultat comme FF, le bon résultat.

Répondre

10

Si le texte est à l'intérieur d'une table (comme je vois dans vos captures d'écran) essayer:

body, td { 
    font-size: 11px; 
} 
+0

Wow ... si simple ... voulez-vous expliquer pourquoi ai-je besoin d'ajouter la TableDefinition aussi, le corps devrait être la plus grande scoop droite? – balexandre

+0

Je n'ai jamais su exactement pourquoi, mais j'ai toujours eu ce problème (parmi beaucoup d'autres) avec IE. Recherche Google pour "internet explorer td n'hérite pas du corps" et vous obtiendrez de nombreux résultats mais pas de réponse utile –

+1

Non, jamais compris "pourquoi" moi-même. Ma théorie est que la hiérarchie des éléments dans trident est essentiellement brisée et supportée par des références croisées buggy pour obtenir la cascade. Cela expliquerait pourquoi les formulaires, les tables et les boîtes de sélection ont souvent d'étranges bogues de type hors-flux. Un de ces jours je vais décompiler IE et découvrir: P – annakata

2

Je pense que Victor a proposé devrait fonctionner. En outre, la prochaine fois que vous pouvez essayer

* { font-size: 11px } 

comme un test. Évidemment, vous ne voulez pas modifier d'autres éléments tels que h1, h2, etc pour leurs tailles de police, mais vous pouvez utiliser la ligne ci-dessus pour essayer les choses, de sorte que vous pouvez deviner que si la ligne ci-dessus fonctionne, alors peut-être pour spécifier une taille de police pour une balise supplémentaire en plus du corps que vous avez spécifié à l'origine.

+1

* est un peu une solution brutale imho – annakata

+1

oh il est simplement de l'utiliser comme une situation de débogage/test dans ce cas. –