Outbook

HTML+CSS+JS, Accesibilidad, PHP y más

Inicio que contiene a Internet Explorer

Datos de búsqueda

Etiqueta ‘Internet Explorer’

Diferenciación de versiones de Internet Explorer sin hacks de CSS

Fecha de publicación: 2011/01/19

Resulta habitual encontrarse con que las distintas versiones de Internet Explorer interpretan de forma distinta ciertas propiedades CSS, y que sea necesario utilizar engorrosos selectores para filtrar las versiones que dan problemas, vincular hojas de estilo mediante comentarios condicionales, Javascript, etc.

Leer el resto del artículo

Datos del artículo:

Navegadores: Diferencias entre zoom y escalado de texto

Fecha de publicación: 2010/12/28

Cuando se quiere ver más grande un sitio en el navegador web se puede optar por dos modos de variación de las dimensiones:

  • Mediante zoom
  • Mediante escalado de texto

Leer el resto del artículo

Internet Explorer 6 no muestra elementos con posición absoluta

Fecha de publicación: 2010/06/02

Me han pasado un enlace que proporciona una solución a un problema típico de Internet Explorer 6 con el position: absolute: en ocasiones los elementos con ese tipo de posicionamiento no son visibles, y si lo son en el resto de navegadores.

Si la capa con posicionamiento relativo contiene elementos flotados puede surgir el problema descrito. A los elementos posicionados absolutos habría que añadirles un clear:both; en la CSS y asunto solucionado. Si el problema persiste habría que verificar que no sea también un conflicto de z-index.

Y finalmente, el enlace: The IE6 Absolute Positioning Bug (Brett Nooyen – The CSS Asylum, enlace externo, en inglés).

Datos del artículo:

Capas condicionales para evitar el uso de hacks CSS

Fecha de publicación: 2010/04/21

En muchas ocasiones las distintas versiones de Internet Explorer interpretan la CSS un poco como quieren. Y es por eso que utilizamos hacks CSS (en inglés), que aunque en muchos casos cumplen con los estándares, de cara al futuro pueden ser un riesgo ¿Y si futuros navegadores los empiezan a interpretar? ¿Y si un navegador deja de necesitar esa regla CSS pero la sigue interpretando?.

En Alsacreations proponen la inserción mediante comentarios condicionales de Internet Explorer de capas con clases referidas a cada una de las versiones de Internet Explorer (enlace externo, en francés).

Leer el resto del artículo

Datos del artículo:

Propiedades CSS de opacidad o semitransparencia: opacity y filter

Fecha de publicación: 2010/01/12

Para que un elemento no sea del todo opaco, que tenga una semitransparencia, se utiliza la propiedad CSS opacity. Por ejemplo, para una opacidad del 50%:

.opacidad {opacity: 0.5;}

Leer el resto del artículo

Datos del artículo:

Internet Explorer 5.5, 6, 7 y 8 simultaneamente, incluso en Windows Vista/7

Fecha de publicación: 2010/01/02

IE Tester

Las diferentes versiones de Internet Explorer han ido mejorando poco a poco su interpretación de los estándares web. Pero como no todos los usuarios actualizan su Internet Explorer aun quedan muchos de ellos con IE6 e IE7. Y como Microsoft solo permite tener instalada una sola versión de IE se hace complicado hacer pruebas en tres versiones de IE.

Leer el resto del artículo

Internet Explorer 6 y la propiedad ‘bottom’ en CSS

Fecha de publicación: 2009/12/16

Hay un caso en el que la propiedad bottom no es interpretada correctamente en Internet Explorer 6: cuando el elemento con position:relative tiene un overflow:hidden y debajo está el elemento con position:absolute.

Leer el resto del artículo

Datos del artículo:

Abandonemos de una vez el soporte a IE6

Fecha de publicación: 2009/07/15

Ya hay sitios importantes que dejan de lado navegadores obsoletos, como Youtube.

La maquetación adaptada a IE6 es un quebradero de cabeza y una fuente de gastos. En algunas ocasiones el tiempo dedicado a IE6 en una maquetación puede acercarse al 80%, y las decisiones de incluir determinados elementos en un diseño quedan vinculadas al potencial (decepcionante) de IE6.

Lo de IE6 es el pez que se muerde la cola. Lo soportamos porque hay usuarios, y hay usuarios porque lo soportamos. Yo personalmente insisto en que hay que dejar de soportarlo, dejando una advertencia a los usuarios que lo utilicen para que se actualicen a un navegador mejor.

Pero no se debe dejar de soportar de golpe, al principio debe cuidarse de que el sitio mas o menos se vea bien y que funcione adecuadamente, solo se dejarían los pequeños detalles sin importancia. Posteriormente se podría abandonar el soporte de IE6 por completo. Al ser progresivo se da tiempo a los usuarios habituale del sitio a actualizar y no los perderiamos.

¿Que significaría el fin generalizado del soporte a IE6 en las empresas grandes adictas al IE6? Pues que los usuarios que acceden desde su trabajo con el IE6 verían mal (o no podrían utilizar) muchos sitios que visiten. Probablemente los visitan no por motivos de trabajo, sino como ocio. ¿Y cuando los visitan por razones de trabajo? Pues esa empresa tiene un Problema que debió solucionar allá por finales de 2006 (cuando salió IE7).

Lo patético son las empresas que compran una maquetación y lo que más les preocupa es que se vea bien en IE6, de forma que los peces gordos de la organización la vean perfecta. Lo más importante es que la vean bien los clientes y los potenciales clientes que es de donde la empresa va a sacar beneficios. Y si es para la típica aplicación interna, maquetando solo para IE6 se ahorra dinero, pero, ¿no es mejor maquetar bien y que cuando se cambie de navegador que nadie tenga que ponerse histérico por que la aplicación no funciona?

Creo que los maquetadores no deben dedicarse a resolver bugs de Internet Explorer (ni de ninguna otra aplicación), de eso se debe encargar Microsoft.

Datos del artículo:

CSS: problema de doble margen en IE6

Fecha de publicación: 2009/04/02

Cuando un elemento está flotado dentro de un contenedor y tiene definido un margen, nos podemos encontrar con la desagradable sorpresa de ver como Internet Explorer 6 duplica dicho margen.

Supongamos que tenemos esta regla CSS:

div.capa p.parrafo {float:left; margin-left:10px;}

Internet Explorer 6 sacará un margen de 20px.

Se puede solucionar con un hack CSS, que valida pero es un poco chapuza:

div.capa p.parrafo {float:left; margin-left:10px;}
* html div.capa p.parrafo {margin-left:5px;}

O como dicen en Position is Everything añadir un display:inline; a la regla CSS:

div.capa p.parrafo {display:inline; float:left; margin-left:10px;}

De esta forma el elemento sigue siendo bloque, ya que tiene el float, y sale con el margen definido en Internet Explorer.

Saber más

Datos del artículo:

Versión portable de IE

Fecha de publicación: 2009/03/23

Datos del artículo:

Información del sitio