Foros del Web » Creando para Internet » CSS »

Desajuste entre Google Chrome para PC y para MAC

Estas en el tema de Desajuste entre Google Chrome para PC y para MAC en el foro de CSS en Foros del Web. Hola!! A ver si alguien me puede ayudar con un problemilla... Testeando mi página he descubierto que en Chrome, dependiendo de si es MAC o ...
  #1 (permalink)  
Antiguo 09/06/2010, 03:11
 
Fecha de Ingreso: noviembre-2009
Mensajes: 11
Antigüedad: 8 años, 1 mes
Puntos: 0
Sonrisa Desajuste entre Google Chrome para PC y para MAC

Hola!!

A ver si alguien me puede ayudar con un problemilla...

Testeando mi página he descubierto que en Chrome, dependiendo de si es MAC o WINDOWS me aplica la hoja de estilos de forma diferente...

En MAC me funciona perfectamente, pero en WINDOWS me cambia las propiedades de la letra(me mantiene el color pero me cambia el grosor y a la interlínea...)

Os pego el selector de Css que estoy usando. ¿Hay alguna forma de diferenciar el mismo programa para MAC o WINDOWS?

Muchisissisimas gracias!

Código:
<script language="JavaScript"> 
<!-- 
if(navigator.userAgent.match("Safari")) {
     document.write('<link href="css/estilo.css" rel="stylesheet" type="text/css" />');
}

if(navigator.userAgent.match("Chrome")) {
     document.write('<link href="css/chrome.css" rel="stylesheet" type="text/css" />');
}

if(navigator.userAgent.match("Firefox")) {
     document.write('<link href="css/mozilla.css" rel="stylesheet" type="text/css" />');
} 

if(navigator.userAgent.match("IE 8")) {
     document.write('<link href="css/ie8.css" rel="stylesheet" type="text/css" />');
} 


if(navigator.userAgent.match("IE 7")) {
     document.write('<link href="css/ie7.css" rel="stylesheet" type="text/css" />');
} 
//--> 
</script>
  #2 (permalink)  
Antiguo 09/06/2010, 22:06
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 9.968
Antigüedad: 9 años, 8 meses
Puntos: 1314
Respuesta: Desajuste entre Google Chrome para PC y para MAC

Bueno quizá es un problema de fuentes, quizá utilizaste una fuente que no esta en windows (por ejemplo Helvetica, que es muy parecida a la Arial pero con diferencias sutiles). Pero no podemos saber si no vemos el código, el css.

Y sobe el código que pusiste, ¿Que pasa si alguien tiene Javascript desactivado? Es no es la mejor manera de ponerlo. Además de que no deberías tener tantas hojas de estilos con dos es suficiente, una para IE (Puesta con comentarios condicionales) y otra para todos los demás navegadores, algo estás haciendo mal para que tengas que usar tantas hojas.

Saludos
__________________
Grupo Telegram Docker en Español
  #3 (permalink)  
Antiguo 10/06/2010, 11:26
 
Fecha de Ingreso: noviembre-2009
Mensajes: 11
Antigüedad: 8 años, 1 mes
Puntos: 0
Respuesta: Desajuste entre Google Chrome para PC y para MAC

Hola Carngueitor! Antes de nada gracias por responder!! Te comento, la web es un tanto complicada en cuanto al diseño, con muchas superposiciones y textos que tienen que encajar al milímetro. Ya sé que entre los navegadores que no sean IE las diferencias son mínimas, pero en este caso cantan un montón! :)

Lo del selector de java... La verdad es que es la manera que he encontrado para hacerlo (basicamente con el tradicional [if IE] no sabía como adaptarlo a los demás navegadores. Por cierto ¿Sabes como tendría que indicar así Chrome y Safari?

El CSS párrafo de la CSS es este:

#texto {
height:560px;
width:270px;
position:relative;
left:350px;
top:-810px;
font-family:Arial, Helvetica, sans-serif;
text-align:justify;
font-size:12px;
color:#099;
line-height:15px;
}


Otra vez muchísimas gracias!!

Etiquetas: chrome, mac, windows
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 11:07.