Problemas de CSS en Internet Explorer: ¿cómo solucionarlos?

R

rubengzz

Beta

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 6 Sep 2011

• #1

Colegas, tengo un problema, decidi probar adsense en mi sitio web juegosmmo.net por lo que tuve que agrandar la sidebar, todo bien en firefox usando firebug que para un amateur en cuestiones de diseño es de gran ayuda, el problema esta en que al revisar como se ve en IE, todo se distorsiona, y el tema que estoy usando tiene un CSS para IE7 y uno para IE6, mas el normal que imagino es el que usa Firefox, y Chrome, alguien me puede ayudar, imagino que es algo sencillo :s

Gracias de antemano

Como informacion adicional pongo 2 screenshots

Firefox - Chrome - Safari (Sin problemas)

IE7 (Y creo que tambien IE6) con problemas en el sidebar

 

Última edición: 6 Sep 2011

Z

Zetta

Gamma

Programador

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 6 Sep 2011

• #2

cual es el sitio?:ambivalence:

 

R

rubengzz

Beta

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 6 Sep 2011

• #3

juegosmmo.net lo puse en el post 😛

 

R

rubengzz

Beta

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 8 Sep 2011

• #4

Parece que Opera comparte el mismo CSS que Internet Explorer

Firefox, Chrome y Safari bien!

Opera y IE sidebar feo :topsy_turvy:

 

rayden

Dseda

Programador

Verificación en dos pasos activada

• 8 Sep 2011

• #5

Debes editar tambien estos archivos.
<!--[if IE 6]>
<link rel="stylesheet" href="http://juegosmmo.net/wp-content/themes/juegosmmo/style.ie6.css" type="text/css" media="screen" />
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" href="http://juegosmmo.net/wp-content/themes/juegosmmo/style.ie7.css" type="text/css" media="screen" />
<![endif]-->

 

Última edición: 8 Sep 2011

R

rubengzz

Beta

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 9 Sep 2011

• #6

Parece ser mas complejo, el theme lo compre en otro proyecto y dominio, y por alguna razon, los if' IE 7, if IE6 estaban como comentarios en el header, los descomente pero me mando el sidebar abajo, por lo menos en opera :s

 

M

MarioMX

Beta

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 9 Sep 2011

• #7

Puedes probar ajustando el ancho de: .art-block-body, .art-blockcontent en tu archivo style.css. Parece que el problema va por ahí, puedes intentarlo con un hack, por ejemplo:

Insertar CODE, HTML o PHP:

.art-blockcontent {width:la_propiedad_actual; .width:300px;}

IE regularmente da mucho trabajo. Saludos!

 

rayden

Dseda

Programador

Verificación en dos pasos activada

• 9 Sep 2011

• #8

Acabo de entrar a tu blog por Internet Explorer 8 y continua el problema.

Pega esto en el header.php :

<!--[if IE 7]>
<style type="text/css">
.art-content-layout .art-sidebar1 {
width: 335px
}

.art-blockheader .r {
width: 300px
}

</style>
<![endif]-->

Es muy simple de resolver ese problema, cualquier cosa dejanos saber.

 

Última edición: 9 Sep 2011

R

rubengzz

Beta

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 12 Sep 2011

• #9

Te debo una hermano, imaginaba que era algo sencillo que un programador lo resolveria en segundos hehe

pocoyo dijo:

Acabo de entrar a tu blog por Internet Explorer 8 y continua el problema.

Pega esto en el header.php :

<!--[if IE 7]>
<style type="text/css">
.art-content-layout .art-sidebar1 {
width: 335px
}

.art-blockheader .r {
width: 300px
}

</style>
<![endif]-->

Es muy simple de resolver ese problema, cualquier cosa dejanos saber.

Hacer clic para expandir...

pocoyo dijo:

Acabo de entrar a tu blog por Internet Explorer 8 y continua el problema.

Pega esto en el header.php :

<!--[if IE 7]>
<style type="text/css">
.art-content-layout .art-sidebar1 {
width: 335px
}

.art-blockheader .r {
width: 300px
}

</style>
<![endif]-->

Es muy simple de resolver ese problema, cualquier cosa dejanos saber.

Hacer clic para expandir...

Ahora el unico problema que tengo es que solo funciona si le quito el <!-- -->

Alguna idea del porque?

Me aprece el [if IE 7]> cuando carga la pagina y despues aparece bien,🙁