Foros del Web » Creando para Internet » CSS »

Decimales en CSS

Estas en el tema de Decimales en CSS en el foro de CSS en Foros del Web. Bien me encuentro con este problema y apelo a vuestra experiencia porque buscando en google no encuentro nada. Observo en mis códigos que al usar ...
  #1 (permalink)  
Antiguo 02/01/2011, 08:06
Avatar de Gambinoh  
Fecha de Ingreso: diciembre-2010
Mensajes: 348
Antigüedad: 7 años
Puntos: 11
Decimales en CSS

Bien me encuentro con este problema y apelo a vuestra experiencia porque buscando en google no encuentro nada. Observo en mis códigos que al usar decimales estos no son interpretados con Opera y Chrome, lo cual me parece increible, pero observo que es así.

Sin embargo IE y FF si que los interpretan.

Este es mi código, espero no estar equivocandome pero eso es lo que me dan a entender las pruebas que he hecho.

Cita:
.list {height: 21.6px; background: #126F2B; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom: 2.7px; padding: 2px 14px 6px; border: 2.5px solid #603119;}
  #2 (permalink)  
Antiguo 02/01/2011, 11:03
Avatar de GAST0N  
Fecha de Ingreso: agosto-2010
Ubicación: Buenos Aires
Mensajes: 680
Antigüedad: 7 años, 4 meses
Puntos: 64
Respuesta: Decimales en CSS

en realidad no se puede, ya que 1px es la unidad minima que puede representar.. cada vez que quieras insertar decimal , la maquina va a ser lo posible en representar ese pixel, redondeando el numero para arriba o para abajo, es por eso que aveces vemos que en algunas partes parecen que titilan pequeñas luces, y es porque ese pixel en decimal trata de acomodarse en un entero...

.. te recomiendo que no trabajes con decimales y lo hagas con enteros ..

repito : 1PX ES LA UNIDAD MINIMA QUE SE PUEDE REPRESENTAR..


saludos!
__________________
Twitter: @GastonArnedo

Muerte a los <tr> y <td>
  #3 (permalink)  
Antiguo 02/01/2011, 11:33
Avatar de Gambinoh  
Fecha de Ingreso: diciembre-2010
Mensajes: 348
Antigüedad: 7 años
Puntos: 11
Respuesta: Decimales en CSS

Ok muchísimas gracias por aconsejarme eso. Entonces unificaré todos los estilos colocando números enteros allí donde había decimales y a ver si la cosa sale bién.

Lo que pierda en esfuerzo lo ganaré en homegeneidad supongo jeje.

Venga un daludo y gracias.
  #4 (permalink)  
Antiguo 02/01/2011, 11:38
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: Decimales en CSS

Saludos!

En realidad, el uso de decimales en CSS no es el problema. GASTON te invito a que investigues un poco más sobre el tema, y que hagas tus pruebas para estar seguro de la información que das, ya que los navegadores SI interpretan los decimales en pixeles.

El verdadero problema es que los px son unidades de medidas relativas, al igual que ex y em. Por lo que significa, que cada navegador interpretará de una manera diferente un px. No siempre, pero en tu caso creo que es asi.

Gambinoh te recomiendo que investigues un poco sobre las unidades de medidas en CSS, ya que creo que el uso de PX no es lo que necesitas en esta oportunidad. Te dejo Este enlace para que aprendas un poco más del tema.

Hasta Luego!
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter

Última edición por Calizman; 02/01/2011 a las 11:43
  #5 (permalink)  
Antiguo 02/01/2011, 12:19
 
Fecha de Ingreso: noviembre-2010
Ubicación: On a world of Anime & Web.
Mensajes: 137
Antigüedad: 7 años
Puntos: 4
Respuesta: Decimales en CSS

Cita:
Iniciado por Calizman Ver Mensaje
Por lo que significa, que cada navegador interpretará de una manera diferente un px.
Entonces para evitarnos problemas con los diversos NAVEGADORES
No hay que poner decimales en PX y FIN!!!
  #6 (permalink)  
Antiguo 02/01/2011, 12:32
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: Decimales en CSS

Cita:
Iniciado por KurozakiIchigo Ver Mensaje
Entonces para evitarnos problemas con los diversos NAVEGADORES
No hay que poner decimales en PX y FIN!!!
Claro! Y para ahorrarnos más problemas todavia, dejamos de desarrollar sitios web y FIN!

Hasta Luego!
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #7 (permalink)  
Antiguo 03/01/2011, 13:58
Avatar de Gambinoh  
Fecha de Ingreso: diciembre-2010
Mensajes: 348
Antigüedad: 7 años
Puntos: 11
Respuesta: Decimales en CSS

Cita:
Una distancia definida en px no cambia si el usuario cambia el tamaño de texto en su navegador o si el usuario cambia el tamaño de la ventana del navegador (aunque sí que cambia si el usuario cambia la resolución de la pantalla).
¿Entonces no sería un aspecto positivo que TODA la página en función de la resulución de la pantalla se adecue? Sería casi como usar porcentajes...

Me refiero a usar pixels como medida para los divs que configuran la maquetación estructural de la página. O sea que el ancho del div cabecera sea en px y el alto también.

Igual para una lista o para el tamaño de letra no, pero ¿y para los divs?
  #8 (permalink)  
Antiguo 03/01/2011, 14:13
Avatar de Gambinoh  
Fecha de Ingreso: diciembre-2010
Mensajes: 348
Antigüedad: 7 años
Puntos: 11
Respuesta: Decimales en CSS

Cita:
Iniciado por Calizman Ver Mensaje
Claro! Y para ahorrarnos más problemas todavia, dejamos de desarrollar sitios web y FIN!

Hasta Luego!
De todas maneras en defensa de GASTON diré que comprobado por mi y espero no equivocarme jeje, Opera y Chrome al menos las versiones que yo uso no distinguen entre 1.6mm, 1.8mm, 1.4mm es decir que los decimales no los representan, sólo el 1. He visto que si en cambio pones 1.999 lo toma por dos, pero a veces un 1.9 lo toma como sólo 1.

Con lo cual si realmente quieres que tu página se vea idéntica en todos y usas una unidad como px puedes ahorrarte la molestia de que esos dos navegadores no la tomen en cuenta.
  #9 (permalink)  
Antiguo 03/01/2011, 14:59
 
Fecha de Ingreso: noviembre-2010
Ubicación: On a world of Anime & Web.
Mensajes: 137
Antigüedad: 7 años
Puntos: 4
Respuesta: Decimales en CSS

Cita:
Iniciado por Calizman Ver Mensaje
Claro! Y para ahorrarnos más problemas todavia, dejamos de desarrollar sitios web y FIN!

Hasta Luego!
al menos yo no lo dejaré

y Gambinoh insisto, mejor no pongas decimales para que te evites estos problemas, independientemente si se puede o no, poner decimales, no los uses y ya!!!
  #10 (permalink)  
Antiguo 03/01/2011, 15:30
(Desactivado)
 
Fecha de Ingreso: noviembre-2002
Ubicación: Ciudad Autónoma de Buenos Aires
Mensajes: 2.367
Antigüedad: 15 años, 1 mes
Puntos: 317
Respuesta: Decimales en CSS

Chicos, por favor, no deliren. GAST0N explicó claramente lo que es indispensable saber antes de meterse en un foro como éste : el pixel no se divide. Jamás los vi "titilando como pequeñas luces", pero le voy a dar el beneficio de la duda. (Quizá si fumara algo ilegal, creo que los vería).

Como mucho, algún navegador lo redondeará para arriba o abajo, en vez de ignorar la parte decimal —que es lo que corresponde—, pero lo más cerca que pueden estar de una fracción de pixel es el efecto antialiasis, que no redondea los puntos en tamaño —insisto, no puede— sino en color, para que los bordes curvados se vean más creíbles.

Y la unidad pixel sí es relativa, pero ni se compara con 'em', 'ex' o '%', porque una vez rendereada se comporta como absoluta, y ya no la podemos manejar. Depende de la resolución de pantalla.

la propiedad .1em

Sobre la medida em

2 Fuentes fijas mediante CSS

vml con html (xml). codigo raro.
  #11 (permalink)  
Antiguo 03/01/2011, 20:36
 
Fecha de Ingreso: noviembre-2010
Ubicación: On a world of Anime & Web.
Mensajes: 137
Antigüedad: 7 años
Puntos: 4
Respuesta: Decimales en CSS

Cita:
Iniciado por furoya Ver Mensaje
Chicos, por favor, no deliren. GAST0N explicó claramente lo que es indispensable saber antes de meterse en un foro como éste : el pixel no se divide. Jamás los vi "titilando como pequeñas luces", pero le voy a dar el beneficio de la duda. (Quizá si fumara algo ilegal, creo que los vería).

Como mucho, algún navegador lo redondeará para arriba o abajo, en vez de ignorar la parte decimal —que es lo que corresponde—, pero lo más cerca que pueden estar de una fracción de pixel es el efecto antialiasis, que no redondea los puntos en tamaño —insisto, no puede— sino en color, para que los bordes curvados se vean más creíbles.

Y la unidad pixel sí es relativa, pero ni se compara con 'em', 'ex' o '%', porque una vez rendereada se comporta como absoluta, y ya no la podemos manejar. Depende de la resolución de pantalla.

la propiedad .1em

Sobre la medida em

2 Fuentes fijas mediante CSS

vml con html (xml). codigo raro.
de acuerdisimo.
veo que ahi pones unos links para los que no saben

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:38.