Foros del Web » Creando para Internet » CSS »

Compatibilidad en Internet Explorer

Estas en el tema de Compatibilidad en Internet Explorer en el foro de CSS en Foros del Web. Hola, tengo una pagina a la que quiero que sea compatible con Internet Explorer, he visto una web donde en IE se ve con bordes ...
  #1 (permalink)  
Antiguo 11/06/2011, 12:19
 
Fecha de Ingreso: mayo-2010
Mensajes: 118
Antigüedad: 7 años, 6 meses
Puntos: 1
Pregunta Compatibilidad en Internet Explorer

Hola, tengo una pagina a la que quiero que sea compatible con Internet Explorer, he visto una web donde en IE se ve con bordes redondeados y tiene transparencia los divs. Pero no encuentro como lo han hecho xDD!

Mi pagina -> http://idridplanet.blogspot.com/
La pagina -> http://lbp.me/

Gracias ;)
  #2 (permalink)  
Antiguo 11/06/2011, 13:05
Avatar de Daniel Ulczyk
Moderador
 
Fecha de Ingreso: febrero-2005
Ubicación: Buenos Aires
Mensajes: 9.175
Antigüedad: 12 años, 9 meses
Puntos: 2072
Respuesta: Compatibilidad en Internet Explorer

Cita:
Iniciado por IDRID Ver Mensaje
Pero no encuentro como lo han hecho xDD!


Pues, mirá el código fuente. Una pista #19 y #56 a #65 ¡Suerte!
__________________
—Somos lo que hacemos repetidamente. La excelencia, entonces, no es un acto sino un hábito. (Aristóteles dixit)
  #3 (permalink)  
Antiguo 11/06/2011, 14:39
 
Fecha de Ingreso: diciembre-2008
Ubicación: PERU
Mensajes: 288
Antigüedad: 9 años
Puntos: 23
Respuesta: Compatibilidad en Internet Explorer

El Mozilla reconoce tu codigo sin problemas, pero el IExplorer no, tendrias que fijarte que etiquetas de tu css no son compatibles y esas cambiarla para que el navegador iexplorer lo reconosca.
Para eso tendreas que hacer una copia de tu css especialmente para iexplorer.


Fijate el codigo fuente de esa pagina, aqui definen que estilo css va levantar segun el navegador.


Código HTML:
Ver original
  1. ...
  2. <!-- AIIIIII-EEE! -->
  3. <!--[if lte IE 7]>
  4.  <link href="http://i.lbp.me/css/style.ie7.css" media="all" rel="stylesheet" type="text/css" />
  5. <![endif]-->  
  6. <!--[if lte IE 8]>
  7.  <link href="http://i.lbp.me/css/style.ie8.css" media="all" rel="stylesheet" type="text/css" />
  8. <![endif]-->  
  9. <!--[if lte IE 9]>
  10.  <link href="http://i.lbp.me/css/style.ie9.css" media="all" rel="stylesheet" type="text/css" />
  11. <![endif]-->
  12. ...
  #4 (permalink)  
Antiguo 12/06/2011, 09:17
 
Fecha de Ingreso: mayo-2010
Mensajes: 118
Antigüedad: 7 años, 6 meses
Puntos: 1
Respuesta: Compatibilidad en Internet Explorer

Cita:
Iniciado por Daniel Ulczyk Ver Mensaje


Pues, mirá el código fuente. Una pista #19 y #56 a #65 ¡Suerte!
Ok gracias ;) , he mirado el #19 y he puesto la meta, me he pasado desde la #56 a la #65, pero solo vi propiedades para la alineacion :(
  #5 (permalink)  
Antiguo 12/06/2011, 14:56
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Respuesta: Compatibilidad en Internet Explorer

IDRID:

Las propiedades a usar para esos efectos son

opacity (para la transparencia) y border-radius, para el redondeado de los bordes.

Para lo primero, y conseguir compatibilidad con IE7/ IE8 más el resto de los navegadores en sus versiones recientes (incluido IE9), tenes que usar

Código CSS:
Ver original
  1. opacity: 0.5;
  2. filter:alpha(opacity=50);
  3. -moz-opacity:0.5;
  4. -khtml-opacity:0.5;


Para lo segundo,

Código CSS:
Ver original
  1. -moz-border-radius: 11px;
  2. -webkit-border-radius: 11px;
  3. border-radius: 11px;

Esto último no sirve para IE/ IE8, para conseguir el borde redondeado en esos navegadores, tenes que valerte de una script de HTML components, ó .htc
la script y una demo las podes bajar de acá
http://foros.emprear.com/css3/border-radius-htc.rar

Suponiendo que el archivo border-radius.htc esté en la misma carpeta de tu html, tu css sería así

Código CSS:
Ver original
  1. -moz-border-radius: 11px;
  2. -webkit-border-radius: 11px;
  3. border-radius: 11px;
  4. behavior: url(border-radius.htc);

Hay un problema adicional (que no siempre se presenta), que es que los servidores web no reconocen debidamente el tipo mime de los archivos .htc, para solucionar esto, si es el caso, tendría que crear un archivo .htaccess en la misma carpeta y añadirle

Código Apache:
Ver original
  1. AddType text/x-component htc

Si usas Cpanel, también lo podés modificar desde ahí. Y cuando subas el htc al server, hacelo en modo ascii, como texto.



Para finalizar, un comentario personal, el efecto border-radius en IE (cualquiera de sus versiones) no es tan "prolijo" como en el resto de los browsers

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.

Etiquetas: bordes, compatiblidad, redondeados, transparencia
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:54.