ZONE CSS
Information accessibilité
Détail du bug css de la css : font-size
Explication de la gestion des bugs css
Définition
Vous trouverez ci-dessous divers bugs d'interprétation de la css font-size.
Ces bugs ont été transmis par les internautes du site.
J'ai vérifié certains bugs mais pour la plupart de bugs css "non vérifiés", ils sont soit sur des navigateurs MAC soit sur un navigateur que je ne possède pas.
Ceux que j'ai pu visualiser sont notés
Bug vérifié : oui
Bug n°1
Bug mis par Dmc
Système d'exploitation : windows xp
Navigateur : Firefox 2.0.
Bug vérifié : oui
Problème avec font-size:
La propriété de feuille de style font-size css pose des problèmes d'héritage sur les balises ayant déjà une taille spécifique comme la balise HTML ou XHTML H.
Pour le code ci-dessous, Internet Explorer ne change pas la taille de H1, FireFox, Netscape diminue la taille mais ne la met pas à 10px :
#fontsize{
font-size:10px;
}
</style>
<h1>Test</h1>
<div id="fontsize"><h1>Test</h1>
<span>Test</span></div>
Spécifier une taille à la balise H1:
#fontsize h1{
font-size:10px;
}
</style>
<h1>Test</h1>
<div id="fontsize"><h1>Test</h1>
<span>Test</span></div>
Navigateur : Firefox 2.0.
Bug vérifié : oui
Problème avec font-size:
La propriété de feuille de style font-size css pose des problèmes d'héritage sur les balises ayant déjà une taille spécifique comme la balise HTML ou XHTML H.
Pour le code ci-dessous, Internet Explorer ne change pas la taille de H1, FireFox, Netscape diminue la taille mais ne la met pas à 10px :
Exemple de code :
<style type="text/css"> #fontsize{
font-size:10px;
}
</style>
<h1>Test</h1>
<div id="fontsize"><h1>Test</h1>
<span>Test</span></div>
Solution du problème par DMC :
Spécifier une taille à la balise H1:
Exemple de code :
<style type="text/css"> #fontsize h1{
font-size:10px;
}
</style>
<h1>Test</h1>
<div id="fontsize"><h1>Test</h1>
<span>Test</span></div>
Bug n°2
Bug mis par Dmc
Système d'exploitation : windows xp
Navigateur : Internet Explorer 6
Bug vérifié : oui
Problème avec font-size:
Sous Internet Explorer lorque l'on utilise des unités relatives em; on observe une réduction ou un agrandissement exponentiel de la taille du texte.
Il s'agit d'un bug d'Internet Explorer pour le régler vous devez spécifier le font-size à 100% pour la balise body
font-size: 100%;
}
Navigateur : Internet Explorer 6
Bug vérifié : oui
Problème avec font-size:
Sous Internet Explorer lorque l'on utilise des unités relatives em; on observe une réduction ou un agrandissement exponentiel de la taille du texte.
Solution du problème par DMC :
Il s'agit d'un bug d'Internet Explorer pour le régler vous devez spécifier le font-size à 100% pour la balise body
Exemple de code :
body{font-size: 100%;
}