Comment faire pour que les boutons jquery-ui aient la même taille pour différents navigateurs

Question

J'ai le code jquery ui pour les boutons comme suit. Je veux que ces séries de boutons tiennent dans la même taille (810px). Ils apparaissent comme la même taille pour Firefox et Chrome, mais ils semblent plus petit dans IE. J'ai essayé de changer la taille de police et d'avoir la largeur fixe mais cela ne résout pas le problème. Quelqu'un sait comment réparer ça? Je vous remercie.

<script> 
    $(function() { 
     $("#link").buttonset(); 

    }); 
</script> 
<style> 
#link{ 
    font-size: .74em !important; 
    width: 810px; 
    border: 1px solid #333; 
} 
</style> 

<div id="link"> 
<a href="abc.php">ABC</a> 
     <a href="efg.php" target="content">EFG</a> 
</div> 

Answer 1

utilisez une réinitialisation css avant de charger d'autres fichiers css sur votre page afin de standardiser les navigateurs. Ce que vous voyez, c'est que différents navigateurs utilisent des valeurs par défaut différentes pour diverses propriétés telles que la famille de police et la taille de la police.

Le système css jQuery UI utilise principalement le dimensionnement em qui fonde donc la taille des caractères, les marges, padding etc sur quelles que soient les valeurs par défaut de la taille de la police sont