Los pixeles son unidades indivisibles

Es muy común ver que en las reglas de estilo se usen valores en pixeles con decimales; esto no es algo que vaya a provocar un error pero es inútil ya que los pixeles son unidades indivisibles.

Así que si algo mide 200 pixeles, 200.5 o 200.8 es indistinto pero ... alguien puede decir "no, si yo pongo un decimal se ve más grande que si no lo pongo" y eso es verdad pero no es cierto. Lo que ocurre es que los navegadores interpretan esos decimales de distintas formas. Es más, no estoy seguro si los mismos procesadores de cada PC no influyen en estas cosas.

De todas maneras, en términos generales:

• en Firefox los decimales superiores a .5 serán redondeados hacia arriba
• en IE los decimales serán redondeados hacia arriba
• en Chorme el decimal será ignorado

Para colmo de males, veremos una cosa pero la aritmética nos engañará.:

200

200.2

200.5

200.8

201

Obviamente, son sutilezas pero, un pixel de diferencia puede significar mucho ya que si colocamos dos elementos uno al lado del otro y uno de ellos supera el ancho del contenedor, se mostrará debajo.

Un ejemplo; tengo dos contenidos que flotan y miden 200.5 pixeles; hago cuentas y llego a la conclusión que necesito un contenedor de 401 pixeles ... es fácil pero:

200.5

200.5

En Firefox e IE no se verán uno al lado del otro y en Chorme si.

Moraleja: Para evitar un problema, lo mejor es no generarlo así que, simplemente, no debemos usar valores decimales y listo ¿Para qué complicarse la vida?