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.
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:
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).
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?.
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;}
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.
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.
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.
Fecha de publicación: 2009/06/01
Ya está otra vez la Unión Europea con que Microsoft no incluya el Internet Explorer en Windows.
Es que es absurdo. Internet Explorer viene con Windows igual que Firefox viene con Ubuntu o Konqueror con Kubuntu (y a los Linux nadie les está diciendo que no dejan elegir al usuario).
Microsoft ha cedido en lo que debía, en la posibilidad de desactivar Internet Explorer (en Windows 7). ¿Pero por que no puede incluir lo que le de la gana en su sitema operativo?
Yo le sugiero a ese nido de ratas burócratas-intervencionistas que es la Unión Europea que vaya un pasito más allá: creen ustedes un navegador de la Unión Europea, cobren a los usuarios un impuesto por usarlo (a todos los ciudadanos, lo usen o no lo uses, que así sería más injusto, tal como a ustedes les gusta) y que el navegador descargue desde un servidor central de la UE una lista de sitios prohibidos (ya saben, todos aquellos que sean contrarios a la Unión Europea, el intervencionismo el islam, el progresismo, el ecologismo o la masonería, grupos con el que ustedes se identifican plenamente).
La UE cada vez se parece más a la URSS:
La caída del muro de Berlín no fue la derrota del comunismo. El comunismo dejó el cuerpo muerto e inerte que era la URSS y se reencarnó en la que por entonces erá la Comunidad Económica Europea.
El muro de Berlín no protegía a la URSS del mundo libre, sino que protegía al mundo libre de la URSS. Y hoy lo vemos demostrado.
La UE huele muy mal.
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.