français
english

Tiers en CSS (33,3%)

Des fois on a besoin de spécifier de largeurs en pourcentage pour des raisons de redimmensionnement automatique. Les largeurs d’unité (100%), motié (50%), quart (25%), etc ne posent aucun problème. Mais si on dois spécifié un tier et que ce largeur doit être parfait jusqu’au pixel ?

On faisant des éxpérience avec les navigateurs IE 8 à IE 10, Firefox, Safari, Opera, Chrome/Chromium et les navigateurs natifs de iOS et Android, j’ai trouvé que specifier 33.333333% (six chiffres après le point) ne suffit pas car dans quelques navigateurs il reste un pixel de blanc, dépendant le largeur – et pas toujours qu’au grands largeurs. L’arrondissement ne se fait pas de la même manière entre navigateurs.

Curieusement, la specification de 33.3334% marche très bien avec tous les navigateurs et pour tous les largeurs, longeurs, etc que j’ai pu essayer.

Je n’ai pas essayé d’autres valeurs qui ne se traduisent pas en decimale (1/6, etc), mais j’imagine que cette sorte d’arrondissement vers le haut marcherait aussi bien.