JMiur [E]

La verdad es que desde siempre, forma y función van de la mano. Rapidez de carga, color, estética, diseño son, por suerte, valores subjetivos y en este mundo de las webs, hay de todo pero, como los navegadores interpretan los códigos de manera diferente, a veces se hace necesario establecer propiedades CSS diferenciadas para que los visitantes vea nuestro sitio tal y como deseamos y no como lo se le ocurre a otros.

Esto no siempre es posible a menos que hagamos caso de algunas opiniones extremas que nos dicen: "simplifiquen, simplifiquen, simplifiquen"; "letras negras sobre fondos blancos"; "el contenido lo es todo, no importa si es el diseño es aburrido".

No hay muchas alternativas para zanjar estas diferencias, a veces, agotados, no tenemos otro remedio que recurrir a los hacks o al uso de códigos condicionales aunque estos, como sólo son implementados por Internet Explorer sólo nos permiten establecer diferencias entre las distintas versiones de ese navegador y los otros:
<!--[if IE 5]>
[esto sólo se ejecutará en IE versión 5]
<![endif]-->

<!--[if IE 5.5000]>
[esto sólo se ejecutará en IE versión 5.5]
<![endif]-->

<!--[if IE 6]>
[esto sólo se ejecutará en IE versión 6]
<![endif]-->

<!--[if IE 7]>
[esto sólo se ejecutará en IE versión 7]
<![endif]-->
Y algunas más amplias pero siempre detectando Internet Explorer:
<!--[if lt IE 7]>
[esto sólo se ejecutará en versiones inferiores a IE7]
<![endif]-->
Sólo hay dos posibilidades más, establecer códigos que se ejecuten sólo en Internet Explorer:
<!--[if IE]>
[esto sólo se ejecutará en cualquier versión de Internet Explorer]
<![endif]>
Y establecer códigos que NO se ejecuten sólo en Internet Explorer pero si en cualquier otro navegador:
<!--[if !IE]>
[esto sólo se ejecutará en cualquier navegador que NO sea Internet Explorer]
<![endif]>
¿Para qué sirve? Para corregir algunos detalles menores o para cargar una hoja de estilo distinta según sea el navegador del usuario. Lo más común es que sean las versiones inferiores a IE7 las que causen más problemas así que es usual encontrarse con cosas así:
<link rel="stylesheet" type="text/css" href="URL_estilo.css" />

<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="URL_estiloIE.css" />
<![endif]-->
Donde se detecta las versiones inferiores de IE y, en esos casos, se carga una hoja de estilo especial que sobrescribe las propiedades CSS "normales".

10 comentarios:

Anónimo  

Gracias J.Miur era lo que murmuraba , gracias por profuncizar el tema! :D

Responder
JMiur  

Me alegro que te sirviera :)

Responder
Anónimo  

Si no me equivoco , cometiste el error de poner:

<![if IE]> y es:

<!--[if IE]> :D

Responder
JMiur  

Parecen haberse perdido en un par de líneas ... ya está corregido :D

Responder
Anónimo  

Hola ,necesito ayuda tengo en proyecto un pequeño sitio no soy webmaster ni nada pero aprendi investigando algo.El problema es que tengo el index que se ve distinto en firefox y explorer en firefox se ve perfecto todo centrado porque agregue una etiqueta center esta todo el codigo cerrado correctamente pero en explorer me muestra el listado desalineado, es un directorio de enlaces y todas sus columnas quedan en zigzag con explorer mientras firefox esta bien. Como se resuelve?

Responder
JMiur  

Habría que verlo online, en abstracto, es imposible.

Responder
Esteban Cid  

Hola!
Acá ando, de nuevo, buscando entre todo lo que explicás a ver si encuentro solución a un problema que ha surgido hace un tiempito en mi blog (http://unblogdevariedades.blogspot.com)
Cuando toqueteé la plantilla Mínima para que terminara siendo lo que quería, el blog terminó viéndose bien en FF, Ópera, Google Chrome y en IE 7. Hará cosa de 3 semanas, maso, en IE "se pierde" la sidebar que tengo a la derecha, que incluye dos sub-sidebares. Probé achicar los tamaños (que están en porcentajes), controlé que estuvieran bien distribuidas las definiciones en el código de la plantilla, cerrados todos los div, etc., y no encuentro por qué puede ser que sólo IE (salvo su capricho, claro) no carga esa parte. ¿Será que tengo que usar los condicionales? ¿Y en ese caso, aplicados a qué?
Gracias de nuevo por tu atención!

Responder
JMiur  

No veo ese problema. Esta es una captura de lo que veo en IE en ese sector.

Responder
Victor  

Disculpa los archivos css reset que andan por la red también sirven para resolver esos problemas?

JMiur  

En general, los archivos de reset no creo que tengan utilidad práctica y me parecen excesivos pero, al margen de ese detalle, no resolverán incompatibilidades entre navegadores.

Responder

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Nota: sólo los miembros de este blog pueden publicar comentarios.

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

 
CERRAR