Foros del Web » Creando para Internet » Diseño web »

[SOLUCIONADO] Compatibilidad con navegadores y resoluciones reducidas

Estas en el tema de Compatibilidad con navegadores y resoluciones reducidas en el foro de Diseño web en Foros del Web. Buenas, dispongo de un sitio Web y me encuentro con los siguientes problemas: la página se ve bien con Chrome, pero cuando uso Firefox o ...
  #1 (permalink)  
Antiguo 07/12/2014, 13:38
 
Fecha de Ingreso: diciembre-2014
Ubicación: Madrid Capital
Mensajes: 6
Antigüedad: 9 años, 3 meses
Puntos: 0
Pregunta Compatibilidad con navegadores y resoluciones reducidas

Buenas,

dispongo de un sitio Web y me encuentro con los siguientes problemas:
  • la página se ve bien con Chrome, pero cuando uso Firefox o Internet Explorer, el diseño sale desestructurado y desorganizado
  • el contenido de algunas secciones también se desorganiza y se desplaza si la Web se ve mediante resoluciones reducidas

Antes de nada, ya he verificado el código HTML con W3C Validator.

Me gustaría saber si hay alguna manera de hacer compatible la Web con otros navegadores más usados, como Firefox e Internet Explorer; también me gustaría saber si hay alguna manera de "compatibilizar" o adaptar el diseño de la Web en caso de que el visitante de la página usa una resolución pequeña.

Gracias de antemano!

Última edición por caricatos; 07/12/2014 a las 16:41 Razón: Enlaces borrados
  #2 (permalink)  
Antiguo 07/12/2014, 23:16
Avatar de Tedel  
Fecha de Ingreso: enero-2011
Ubicación: Lima
Mensajes: 2.744
Antigüedad: 13 años, 2 meses
Puntos: 444
Respuesta: Compatibilidad con navegadores y resoluciones reducidas

Hola:

Lo usual es...

- Primero diseñar para el navegador que mejor respeta los estándares web (solía ser Opera 12, con motor Presto)
- Luego, revisar cómo se ve en los demás navegadores y hacer los ajustes necesarios para compatibilizar.

Hoy, no estoy seguro de cuál sería el navegador que mejor respeta los estándares, así que mejor hablemos de motores:

- Trident es el motor de Internet Explorer
- Gecko es el motor de Firefox y cientos de navegadores adicionales
- KHTML, evolucionó a Webkit, que a su vez se ha subdividido (fork) en Blink, y es el motor de Opera, Chrome, Safari, Midori y cientos de navegadores adicionales
- Texto simple, que es la manera en la que Lynx y algunos navegadores muy básicos funcionan.

Ahora que sabes cuáles son los motores web, intenta formar tu página para que se vea bien en todos ellos.

Si fuera tú, yo bajaría Opera 12 (todavía está en Opera.com) y diseñaría para ese navegador como base del diseño de todos los demás.

¿Servirá como ayuda? Espero que sí.
__________________
Soy el autor de Heptagrama y tengo un servicio "todo incluido" de marketing web.
  #3 (permalink)  
Antiguo 08/12/2014, 05:57
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años
Puntos: 1826
Respuesta: Compatibilidad con navegadores y resoluciones reducidas

El problema es el proceso de "ya terminé, y no me dí cuenta hasta ahorita de que no se vé igual".

Se tiene que ir desarrollando poco a poco, implementación nueva se revisa. Si la implementación 19 no funciona, la vas corrigiendo y hasta que esté te sigues con la 20.
  #4 (permalink)  
Antiguo 08/12/2014, 14:42
 
Fecha de Ingreso: diciembre-2014
Ubicación: Madrid Capital
Mensajes: 6
Antigüedad: 9 años, 3 meses
Puntos: 0
Respuesta: Compatibilidad con navegadores y resoluciones reducidas

Buenas,

reconozco que la pifié al no ir probando mientras iba implementando cosas, y es por eso que el contenido central de cada sección está estropeado. Lo que me pregunto ahora es cómo podría reescribir el código de tal manera que en el centro de cada sección (donde el contenido va), haya una columna izquierda estática (que esté a la misma posición en cada sección), una columna central del contenido y una columna derecha para las slideshows (ésta columna no aparece en algunas secciones, pero que esté en la misma posición en cada sección en la que aparezca esta columna).

¿Alguien podría echarme una mano o sugerirme cómo estructurar el contenido de cada sección (las secciones que incluyan y no incluyan slideshows)?

Muchísimas gracias por vuestras respuestas, me las he leído y las tengo en cuenta!
  #5 (permalink)  
Antiguo 11/12/2014, 07:30
Avatar de Tedel  
Fecha de Ingreso: enero-2011
Ubicación: Lima
Mensajes: 2.744
Antigüedad: 13 años, 2 meses
Puntos: 444
Respuesta: Compatibilidad con navegadores y resoluciones reducidas

Tu respuesta es un tema de CSS. Busca algún tutorial sobre ello.
__________________
Soy el autor de Heptagrama y tengo un servicio "todo incluido" de marketing web.

Etiquetas: compatibilidad, css, html, navegador, resoluciones
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 03:21.