Compatibilidades CSS en Internet Explorer - Historial de revisiones

Maro en 14:30 30 ago 2013

2013-08-30T14:30:19Z

Maro en 19:41 6 ago 2013

2013-08-06T19:41:05Z

Maro en 19:40 6 ago 2013

2013-08-06T19:40:40Z

Maro en 19:40 6 ago 2013

2013-08-06T19:40:12Z

Maro en 19:39 6 ago 2013

2013-08-06T19:39:53Z

Maro en 19:38 6 ago 2013

2013-08-06T19:38:47Z

Maro en 19:25 6 ago 2013

2013-08-06T19:25:23Z

Maro: Página creada con 'Seguramente te pasó que al momento de estilar una web los estilos que funcionan en la mayoria de navegadores para IE7 e IE8 no funcionan. Este post es una recopilación de sol…'

2013-08-06T19:16:06Z

Página creada con 'Seguramente te pasó que al momento de estilar una web los estilos que funcionan en la mayoria de navegadores para IE7 e IE8 no funcionan. Este post es una recopilación de sol…'

Página nueva

Seguramente te pasó que al momento de estilar una web los estilos que funcionan en la mayoria de navegadores para IE7 e IE8 no funcionan.
Este post es una recopilación de soluciones que son muy útiles para que nuestra web sea tambien compatible para IE7+.

'''Opacity en IE7+:
'''

div{
opacity: 0.5;
filter: Alpha(Opacity=50);
}

'''Display inline-block en IE7+:'''

div{
display: inline-block;
zoom: 1;
*display: inline
}

El * (asterisco) hace que una propiedad sólo se aplique en los navegadores de la familia Internet Explorer anteriores a la versión 9.

'''Max width y Max height en IE7+:'''

div{
max-width: 200px;
*width: expression(document.body.clientWidth>199?"200px":"auto");.
max-height: 200px;
*height: expression(document.body.clientWidth>199?"200px":"auto");
}

← Revisión anterior		Revisión del 14:30 30 ago 2013
Línea 40:		Línea 40:

	Una aclaración importante es que el nombre de la font-family no puede superar los 31 caracteres porque sino IE la ignora. En el siguiente [http://www.paulirish.com/2009/bulletproof-font-face-implementation-syntax/ link] lo explica con más detenimiento.		Una aclaración importante es que el nombre de la font-family no puede superar los 31 caracteres porque sino IE la ignora. En el siguiente [http://www.paulirish.com/2009/bulletproof-font-face-implementation-syntax/ link] lo explica con más detenimiento.
		+
		+
		+	'''Inherit en IE7+:'''
		+	div {
		+	color:inherit;
		+	//color: expression(this.parentNode.currentStyle['color']);
		+	}
		+
		+	De esta forma nuestro elemento puede heredar el color del elemento padre. El atributo a heredar es el que se encuentra dentro de "currentStyle".

← Revisión anterior		Revisión del 19:41 6 ago 2013
Línea 39:		Línea 39:
	}		}

−	Una aclaración importante es que el nombre de la font-family no puede superar los 31 caracteres porque sino IE la ignora. En el siguiente [[http://www.paulirish.com/2009/bulletproof-font-face-implementation-syntax/ link]] lo explica con más detenimiento.	+	Una aclaración importante es que el nombre de la font-family no puede superar los 31 caracteres porque sino IE la ignora. En el siguiente [http://www.paulirish.com/2009/bulletproof-font-face-implementation-syntax/ link] lo explica con más detenimiento.

← Revisión anterior		Revisión del 19:40 6 ago 2013
Línea 32:		Línea 32:


−	'''~~'''~~	+	'''Font-face en IE7+:'''
−	Font-face en IE7+:~~'''~~'''

	@font-face {		@font-face {

@@ Línea 32: / Línea 32: @@
-'''
+''''''
-Font-face en IE7+:'''
+Font-face en IE7+:''''''
   @font-face {

@@ Línea 31: / Línea 31: @@
+  }
 Font-face en IE7+:
   @font-face {

@@ Línea 19: / Línea 19: @@
+  }
-El * (asterisco) hace que una propiedad sólo se aplique en los navegadores de la familia Internet Explorer anteriores a la versión 9.
+Seteando zoom: 1 se activa una propiedad interna de IE llamada hasLayout que junto con el display inline solucionan el problema. El * (asterisco) hace que una propiedad sólo se aplique en los navegadores de la familia Internet Explorer anteriores a la versión 8.
@@ Línea 30: / Línea 30: @@
       *height: expression(document.body.clientWidth>199?"200px":"auto");
+  }

@@ Línea 1: / Línea 1: @@
-Seguramente te pasó que al momento de estilar una web los estilos que funcionan en la mayoria de navegadores para IE7 e IE8 no funcionan.
+Seguramente te pasó que al momento de estilar una web los estilos que funcionan en la mayoría de los navegadores para IE7 e IE8 no funcionan.
-Este post es una recopilación de soluciones que son muy útiles para que nuestra web sea tambien compatible para IE7+.
+Este post es una recopilación de soluciones que son muy útiles para que nuestra web sea también compatible para IE7+.
 '''Opacity en IE7+:
@@ Línea 6: / Línea 6: @@
   div{
- opacity: 0.5;
+     opacity: 0.5;
- filter: Alpha(Opacity=50);
+     filter: Alpha(Opacity=50);
+  }
@@ Línea 14: / Línea 14: @@
   div{
- display: inline-block;
+     display: inline-block;
- zoom: 1;
+     zoom: 1;
- *display: inline
+     *display: inline
+  }
@@ Línea 25: / Línea 25: @@
   div{
- max-width: 200px;
+     max-width: 200px;
- *width: expression(document.body.clientWidth>199?"200px":"auto");.
+     *width: expression(document.body.clientWidth>199?"200px":"auto");.
- max-height: 200px;
+     max-height: 200px;
- *height: expression(document.body.clientWidth>199?"200px":"auto");
+     *height: expression(document.body.clientWidth>199?"200px":"auto");
+  }