Avisos
Vaciar todo

Web desconfigurada en Explorer.  

Página 2 / 2
 
Juan
 Juan
Noble Member

Hola, estoy acabando con una web, y he visto que en explorer, la cabecera y la zona Right estan desconfigurados. En Chromer, mozilla y en safari se ve perfecta, pero con explorer se ver desconfigurado.

www.lemanscenter.es

Gracias!

Citar
Respondido : 30/08/2011 7:35 pm
Jordi Sala
 Jordi Sala
Miembro Admin

Hola Juan,

El navegador Internet Explorer incorpora las Herramientas de desarrollo http://msdn.microsoft.com/es-es/library/cc817576.aspx , que funcionan de manera parecida a Firebug. Te aparecen en el navegador haciendo F12.

Saludos,

ResponderCitar
Respondido : 07/09/2011 9:15 am

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

Juan
 Juan
Noble Member

Hola Juan,

El navegador Internet Explorer incorpora las Herramientas de desarrollo http://msdn.microsoft.com/es-es/library/cc817576.aspx , que funcionan de manera parecida a Firebug. Te aparecen en el navegador haciendo F12.

Saludos,

Ok jordi, y que hago con ésto?

ResponderCitar
Respondido : 07/09/2011 10:36 am
Jordi Sala
 Jordi Sala
Miembro Admin

Hola Juan,

Si la visualización incorrecta se muestra en Internet Explorer, tendrás que hacer uso de las herramientas de desarrollo http://msdn.microsoft.com/es-es/library/cc817576.aspx que incorpora ese navegador, para analizar los errores.

No sirve usar Firebug https://www.webempresa.com/blog/usando-firebug-para-modificar-la-apariencia-de-una-plantilla-joomla.html , ya que analizará el sistema pero con el navegador Firefox, y no con otro. Aunque los conocimientos que se transmiten en el vídeo son extrapolables a las herramientas de desarrollo de Internet Explorer, ya que funcionan de modo similar.

Un caso parecido es cuando sucede un error en Chrome, en ese caso tendrías que usar Firebug para Chrome http://www.genbeta.com/web/firebug-llega-a-chrome

Resumiendo, tienes que modificar las CSS de tu sitio web, y las herramientas señaladas sirven para los navegadores indicados.

Saludos,

ResponderCitar
Respondido : 07/09/2011 10:55 am

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

Juan
 Juan
Noble Member

UFFF... estoy perdido, perdido, perdido...

Hola Juan,

Si la visualización incorrecta se muestra en Internet Explorer, tendrás que hacer uso de las herramientas de desarrollo http://msdn.microsoft.com/es-es/library/cc817576.aspx que incorpora ese navegador, para analizar los errores.

No sirve usar Firebug https://www.webempresa.com/blog/usando-firebug-para-modificar-la-apariencia-de-una-plantilla-joomla.html , ya que analizará el sistema pero con el navegador Firefox, y no con otro. Aunque los conocimientos que se transmiten en el vídeo son extrapolables a las herramientas de desarrollo de Internet Explorer, ya que funcionan de modo similar.

Un caso parecido es cuando sucede un error en Chrome, en ese caso tendrías que usar Firebug para Chrome http://www.genbeta.com/web/firebug-llega-a-chrome

Resumiendo, tienes que modificar las CSS de tu sitio web, y las herramientas señaladas sirven para los navegadores indicados.

Saludos,

ResponderCitar
Respondido : 16/09/2011 9:58 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Juan,

Entiendo que lo que no acabas de comprender 100% es el uso de la herramienta de localización de errores para Internet Explorer, que comenta Jordi, similar a Firebug.

No es una de mis preferidas, pero entiendo que su uso es a graso modo similar a Firebug en lo que se refiere a localizar o analizar las zonas que tienen divs y como se comportan y como simular soluciones que luego puedas aplicar.

Entiendo que no es un tema fácil, solucionar errores de visualización en IE nunca fue fácil ni agradable y es posible que cuando arregles un error de div desbordado (como es tu caso con right) en IE, termines creando problemas nuevos de visualización en Firefox o en Chrome, es el eterno dilema de los navegadores que son poco amigables.

La solución pasa por aislar los problemas y atacarlos uno a uno y anotar los cambios que haces, documentar o comentar los mismos en tus hojas de estilo para que dentro de 3 días o un mes recuerdes dichos cambios y puedas revertirlos si estos no funcionan del todo bien.

No tenemos la solución a tus problemas con IE pero tratamos de ayudarte a entender mejor como adaptar tu plantilla a este navegador sin perjudicar a la vista de la misma en otros.

¿Tienes habilitado el plugin IE Compatibility?

Saludos

ResponderCitar
Respondido : 16/09/2011 10:15 pm

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

Juan
 Juan
Noble Member

Hola Juan,

¿Tienes habilitado el plugin IE Compatibility?

Saludos

Sí, si que tengo habilitado el plugin de compatibilidad con IE8, estoy buscando el plugin de compatibilidad con IE9, por probar a ver si con éste funciona, he porbado mil cosas, pero sigu casi igual que al principio.

Unicamente me sirvió de ayuda un código que me indicó john con el cual corregí unas cosillas, ahora solo queda solucionar lo de right, que como dije por ahí anteriormente, el problema creo que és que no me está respetando el ancho que configué de right, pero el de left si lo respeta, son exactamente iguales, pero...

ResponderCitar
Respondido : 16/09/2011 10:25 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Juan,

Sí, si que tengo habilitado el plugin de compatibilidad con IE8, estoy buscando el plugin de compatibilidad con IE9, por probar a ver si con éste funciona, he probado mil cosas, pero sigu casi igual que al principio.

Date una vuelta por el JED y veras que no existe tal plugin. Es ese mismo que yo te he comentado que emula los distintos navegadores, nada más y no es la solución global, es un apaño.

¿Has probado bajar algunos pixeles el ancho de tu plantilla o de la posición afectada? 5 o 10px a veces corrigen el problema del desbordamiento, sino habría que recurrir a revisar el código y ver como mejorarlo para este problema puntual.

Saludos

ResponderCitar
Respondido : 16/09/2011 10:30 pm

Cursos Gratuitos WordPress

Juan
 Juan
Noble Member

Hola Juan,

Sí, si que tengo habilitado el plugin de compatibilidad con IE8, estoy buscando el plugin de compatibilidad con IE9, por probar a ver si con éste funciona, he probado mil cosas, pero sigu casi igual que al principio.

Date una vuelta por el JED y veras que no existe tal plugin. Es ese mismo que yo te he comentado que emula los distintos navegadores, nada más y no es la solución global, es un apaño.

¿Has probado bajar algunos pixeles el ancho de tu plantilla o de la posición afectada? 5 o 10px a veces corrigen el problema del desbordamiento, sino habría que recurrir a revisar el código y ver como mejorarlo para este problema puntual.

Saludos

Pues no lo había probrado. Pero lo he probado bajando del 18% actual hasta llegar al 10% y se amplia la zona de contenido pero sigo teniendo em lmismo problema, al quitar un tanto por ciento a right automáticamente se suma a la zona de contenido por lo cual estoy igual...

Joer...

ResponderCitar
Respondido : 17/09/2011 10:18 am
Juan
 Juan
Noble Member

Lo importante es que esté configurado para que se vea correctamente en explores, y es probable que el error genere en la ampliación de la zona body que tanto por saco me dió en su dia. ME da igual que sea mediante un parche o mediante lo que sea. Osea que estoy abierto a todo tipo de sugerencias.

Muchas gracias

ResponderCitar
Respondido : 18/09/2011 11:37 am

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Juan

Los templates usualmente tienen estilos diferentes para lidiar con los problemas de IE, en tu caso el archivo es : http://www.lemanscenter.es/templates/ja_zeolite_ii/css/ie.css

En este archivo puedes agregar una sentencia de reducción de ancho ya que al parecer no funciona bien cuando cambiaste las dimensiones de las columnas laterales.

Agrega al final algo como :

#ja-right{
	width: 18% !important;
}

Si esto no funciona borra el ja-right de la sentencia que ya esta definida en :

#ja-right, .ja-l1 #ja-left {
	width: 22.9% !important;
}

Recuerda hacer un backup del archivo a modificar

Saludos.

Saludos.

ResponderCitar
Respondido : 18/09/2011 2:15 pm
Juan
 Juan
Noble Member

Hola Juan

Los templates usualmente tienen estilos diferentes para lidiar con los problemas de IE, en tu caso el archivo es : http://www.lemanscenter.es/templates/ja_zeolite_ii/css/ie.css

En este archivo puedes agregar una sentencia de reducción de ancho ya que al parecer no funciona bien cuando cambiaste las dimensiones de las columnas laterales.

Agrega al final algo como :

#ja-right{
	width: 18% !important;
}

Si esto no funciona borra el ja-right de la sentencia que ya esta definida en :

#ja-right, .ja-l1 #ja-left {
	width: 22.9% !important;
}

Recuerda hacer un backup del archivo a modificar

Saludos.

Saludos.

Gracias John, eres un crack! resuelto, se ve perfecta en IE, Mozila y chrome.

Muchas Gracias John!

ResponderCitar
Respondido : 18/09/2011 4:04 pm

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

Página 2 / 2