La posición de las imágenes de mi sitio se ven diferente en chrome que en edge o el explorer  

 
Guillermo
 Guillermo
Estimable Member

Hola, buenos días,

Para que me entendáis mejor, estoy adjuntando dos capturas de pantalla, una es la vista en el navegador edge o explorer y la otra vista, es en el chrome. En esta última se ve perfecto, tal como lo quiero, pero en el navegador edge o explorer se ve mal. Me podéis decir por qué pasa esto y cómo puedo solucionarlo?

Agradeciendo vuestra ayuda, os saludo atentamente.

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 04/06/2017 10:27 am
Rafael
 Rafael
Miembro Moderator

Hola Guillermo,

Lo que ocurre es que desde años ancestrales Internet Explorer (Edge en posteriores versiones) ha tenido conflictos a la hora de interpretar código en el navegador ya que lo ha hecho siempre diferente al resto de navegadores.

Es por esto que tienes que programar una web para todos los navegadores es necesario crear una hoja CSS solo para internet explorer para compatibilizarlo con el resto de navegadores y que estos tengan otro hoja de estilo independiente.

En tu caso, efectivamente compruebo que desde Internet Explorer el tercer elemento no se coloca adecuadamente por el código CSS sobre cómo está formado.

Viendo el código que has colocado no me parece el más óptimo por cómo está definido ya que este no se adapta a todos los dispositivos, ni resoluciones.

Por ejemplo, veo que tienes la imagen y el texto en diferentes capas y esto es incorrecto, lo ideal es que hubiera un contenedor div y dentro de este, tuviera 3 bloques (div) y dentro de cada uno 2, uno para la imagen y otro para el texto. De esta forma si podrás colocarlo de forma adaptada a todos los navegadores cuando apliques CSS.

Te recomiendo que hagas los tres bloques al estilo grid responsive -> https://responsivedesign.is/patterns/three-equal-columns/

En este enlace tienes el código HTML y CSS que es responsivo.

Ten en cuenta que desde foro no damos soporte personalizado a CSS ni programación a medida.

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 04/06/2017 10:51 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Guillermo
 Guillermo
Estimable Member

Hola Rafael,

Gracias por responder, pero creo que me quedo igual, ya que no entiendo el código del enlace, es decir, no sé cómo interpretar ese código. Supongo que habéis cambiado vuestras condiciones de ayuda, ya que siempre y, siempre es siempre, quienes me han atendido me colocan el código exactamente cómo lo debo colocar en el fichero que ellos mismos me indican e incluso con la ruta para encontrarlo.

Me dices que desde el foro no se da soporte de CSS, cuando siempre me lo han dado. No lo entiendo, es por eso que te pregunto si es que han cambiado las condiciones. Ahora que, a ti no te conocía, es la primera vez que me atiendes y ya llevo un año utilizando este foro.

Si me puedes responder a esto y si en todo caso, no puedes ayudarme con el CSS, entonces ni para qué seguir.

Un Saludo.

ResponderCitar
Respondido : 04/06/2017 12:53 pm
Jhon Marreros Guzman
 Jhon Marreros Guzman
Soporte CMS Webempresa Moderator

Hola

El problema que tienes es la estructura html que has usado, veo que las imágenes estan fuera del contenedor del texto. Para que te funcione correctamente debes tener las imágenes y luego el texto, cada una dentro de un contenedor con la clase: col-sm-3

Veo que el código además tiene demasiado código basura, desconozco si has trabajado con un editor o lo has copiado de otro sitio ya que tienes clases que no tienen efecto, prueba usar mejor el siguiente código html en tu Widget Personalizado

Con esto debería verse correctamente, los ajustes que hagas te sugiero que los hagas con CSS y evitar usar estilos en línea

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 05/06/2017 6:51 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Guillermo
 Guillermo
Estimable Member

Hola Jhon, lo siento, pero no he podido visualizar el adjunto que me has enviado. Cómo se supone que debo abrirlo?. Gracias.

Un Saludo

ResponderCitar
Respondido : 05/06/2017 7:22 pm
Guillermo
 Guillermo
Estimable Member

Hola Jhon, ya lo he podido visualizar y lo he podido utilizar a la perfección. Muchas gracias por tu gran respuesta.

Saludos.

ResponderCitar
Respondido : 06/06/2017 12:12 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Por favor Iniciar Sesión o Registro