Foros del Web » Creando para Internet » CSS »

Visualización incorrecta en diferentes exploradores

Estas en el tema de Visualización incorrecta en diferentes exploradores en el foro de CSS en Foros del Web. Hola! Disculpen las molestias, tengo un problema con un sitio que estoy desarrollando y la verdad es que intente de todo pero no puedo solucionarlo, ...
  #1 (permalink)  
Antiguo 15/06/2010, 18:27
 
Fecha de Ingreso: diciembre-2008
Mensajes: 38
Antigüedad: 9 años
Puntos: 0
Visualización incorrecta en diferentes exploradores

Hola! Disculpen las molestias, tengo un problema con un sitio que estoy desarrollando y la verdad es que intente de todo pero no puedo solucionarlo, si se fijan el <h3></h3> se mueve (hacia la izquierda) con respecto a los vínculos que tiene debajo cuando lo pruebo en los diferentes exploradores y no queda como quisiera.

Les dejo diferentes capturas de pantalla y el sitio para que vean a lo que me refiero (el sitio solo consta de una parte, no esta completo ni mucho menos ni contiene las metadatas y demás si no que solo deje la sección con la que tengo problemas, use background-color para que puedan apreciar bien tanto el título como los vínculos):

Un dato bastante curioso que pude observar es que en Mac (salvo con Firefox) se ve como yo quiero, en cambio en Win (en todos los exploradores) el titulo se desplaza hacia la izquierda

Mac:
- Safari
- Google Chrome
- Firefox
- Opera

Win:
- Safari
- Google Chrome
- Firefox
- Opera
- IE(8)

Por si quieren analizar el código les dejo el sitio en desarrollo.

Desde ya muchísimas gracias por todo.

Suertee! =)
  #2 (permalink)  
Antiguo 16/06/2010, 05:00
 
Fecha de Ingreso: mayo-2010
Mensajes: 84
Antigüedad: 7 años, 7 meses
Puntos: 0
Respuesta: Visualización incorrecta en diferentes exploradores

una explicación a por qué los exploradores hacen lo que les da la gana con las especifiaciones css, es esa misma, por les da la gana. Para un desarrollo coherente con todos los navagadores, no tienes otra que crear un css para cada navegador que no se vea como tú quieres. Es un trabajo tedioso, pero no hay otra.
__________________
http://www.pcexpansion.es
  #3 (permalink)  
Antiguo 16/06/2010, 11:16
Avatar de deirdre  
Fecha de Ingreso: mayo-2009
Mensajes: 690
Antigüedad: 8 años, 7 meses
Puntos: 44
Respuesta: Visualización incorrecta en diferentes exploradores

Hola pcexpansion

Esto que dices: "no tienes otra que crear un css para cada navegador" es un poco tremendista.

En líneas generales si diseñas con el doctype adecuado y con código estándard no vas a tener muchos problemas, salvo con iexplorer.

FF (desde el 3), Opera, Chrome, Safari suelen dibjuar el buen código de forma igual y en el caso de iexplorer (que hace lo que le da la gana) hay que utilizar ajustes, que dependiendo de lo complejo o sencillo que sea el diseño, requerirá más o menos trabajo de ajuste (en muchas ocasiones ninguno). Pero de esto a decir que hay que crear css para cada navegador, pues no.

Bye
  #4 (permalink)  
Antiguo 16/06/2010, 16:36
 
Fecha de Ingreso: octubre-2009
Ubicación: México, D.F.
Mensajes: 20
Antigüedad: 8 años, 2 meses
Puntos: 0
Respuesta: Visualización incorrecta en diferentes exploradores

Pon tu CSS para ver qué es lo que pasa.
  #5 (permalink)  
Antiguo 16/06/2010, 19:06
 
Fecha de Ingreso: diciembre-2008
Mensajes: 38
Antigüedad: 9 años
Puntos: 0
Respuesta: Visualización incorrecta en diferentes exploradores

Muchas gracias a todos los que se molestaron en leer y/o responder el mensaje. Te dejo un vínculo al código.

- CSS

Muchas gracias nuevamente!

Suertee! =)
  #6 (permalink)  
Antiguo 16/06/2010, 19:46
Avatar de arthpix  
Fecha de Ingreso: diciembre-2003
Ubicación: Cancún
Mensajes: 2.340
Antigüedad: 14 años
Puntos: 93
Respuesta: Visualización incorrecta en diferentes exploradores

Yo creo que no es problema del css. Si te fijas, todos tienen la "I" encima de la "o" en "iorder" y la tipografía no es la misma en windows y mac(observa los remates inclinados de la "s" en las capturas de pantalla de Windows). Por consecuencia, el kerning (espaciado de caracteres) no es el mismo resultando en ese espacio vacío a la derecha. En mi caso en Firefox (Linux) veo la página prácticamente igual que como la quieres.

No puedes controlar que tipografías tienen instaladas los visitantes en sus equipos. Las opciones que te quedan:
  1. Utilizar una imagen alineada a la derecha
  2. Utilizar SIFR para reemplazar la tipografía exacta.
  3. Alinear Iosis Designs a la derecha.

Lo más simple es lo último, siempre existirá una diferencia de espaciado, pero es menos notoria por que ya existe un espacio vacío de lado izquierdo.
__________________
Antes de hacer rabietas infórmate: Linux != Windows
  #7 (permalink)  
Antiguo 19/06/2010, 07:17
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Visualización incorrecta en diferentes exploradores

Hola:

¿Has barajado la posibilidad de incluir un reset css en tu código?

Saludos.

  #8 (permalink)  
Antiguo 19/06/2010, 09:48
Avatar de junihh  
Fecha de Ingreso: febrero-2004
Ubicación: República Dominicana
Mensajes: 997
Antigüedad: 13 años, 10 meses
Puntos: 7
Respuesta: Visualización incorrecta en diferentes exploradores

Estuve viendo el codigo y una cosa: Primero debes cargar el "reset.css" y luego "mainContent.css". Por si no lo tienes claro, los reset-css sirven para poner en 0 todos los elementos de HTML, que por defecto vienen con atributos predefinidos que pueden hacerte la vida incomoda al maquetar.

Aparentemente no te presenta problemas, pero algunos navegadores si podrian tenerlo, asi que lo preferible es cargar el reset-css antes que cualquier otro.
__________________
JuniHH
- Mi blog
- Mi portafolio

Etiquetas: diferentes, incorrecta
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 04:18.