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.
Archivos de la etiqueta: Internet Explorer
Navegadores: Diferencias entre zoom y escalado de texto
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
Internet Explorer 6 no muestra elementos con posición absoluta
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 …
Seguir leyendo «Internet Explorer 6 no muestra elementos con posición absoluta»
Capas condicionales para evitar el uso de hacks CSS
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 …
Seguir leyendo «Capas condicionales para evitar el uso de hacks CSS»
Propiedades CSS de opacidad o semitransparencia: opacity y filter
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;}
Internet Explorer 5.5, 6, 7 y 8 simultaneamente, incluso en Windows Vista/7
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 …
Seguir leyendo «Internet Explorer 5.5, 6, 7 y 8 simultaneamente, incluso en Windows Vista/7»
Internet Explorer 6 y la propiedad ‘bottom’ en CSS
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.
Abandonemos de una vez el soporte a IE6
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 …
CSS: problema de doble margen en IE6
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, …
Versión portable de IE
Están disponibles para descargar varias versiones portables de Internet Explorer y otros navegadores en Xenocode.