[SOLUCIONADO] Compatibilidad con navegadores y resoluciones reducidas

[ShadowHunter]

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!

[Tedel]

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í.

[Rafael]

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.

[ShadowHunter]

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!

[Tedel]

Tu respuesta es un tema de CSS. Busca algún tutorial sobre ello.