[Php-avanzado] Consultas Hojas de Estilo para IE

[Matias Gea]

Hola, Juan Manuel.

Este es uno de los peores "karmas" con los que cargamos al diseñar páginas
para el publico en general. El uso de IE < 9 sigue siendo muy alto, y
aunque ya las grandes empresas (Facebook, Google, e incluso Microsoft)
definieron como obsoleto a IE6 y en algunos casos IE7, hay mucho
navegadores con IE8, varios con IE7 y algunos con IE6.

Después de definir el tipo de público al que está apuntado el sitio, hay
que tomar una política de soporte, ya que mantener 4 hojas de estilo
distintas a veces es una tarea muy demandante. Si decidis soportar alguno
de los IE que te falla, la forma más correcta es usar comentarios
condicionales (http://css-tricks.com/how-to-create-an-ie-only-stylesheet/,
http://msdn.microsoft.com/en-us/library/ms537512(v=vs.85).aspx).

Esto permite que tu código quede libre de hacks y siga siendo válido.

Los CSS hacks son modificaciones al css que se le hacen para aprovechar
algunas fallas o particularidades que tiene cada uno de los motores de
parsing css de los distintos navegadores. Por ejemplo, el motor de IE6
considera válido un elemento anterior al html de la siguiente forma:
* html #div { height: 300px; }

pero no considera válido un comentario en medio de la declaración:
#div { height/**/: 300px; }

En el primer caso, sólo IE6 va a ver esa regla (el resto de los navegadores
la ignora) y en el segundo, IE6 ignora la regla (y para el resto es válida).

Si utilizamos estos hacks, nuestro CSS queda sucio y no válido para el
standard.


En el enlace de CSSTricks se concluye de una manera muy acertada sobre el
uso de Conditional Comments:

Argument against conditional stylesheets
- We shouldn't need them. They are against the spirit of web standards.

Argument for conditional stylesheets
- Yeah, but we do need them.


Cualquier cosa consultá.

Saludos!




El 18 de marzo de 2013 20:19, Juan Manuel P. <tucu_21 en hotmail.com> escribió:
>
> Buenas tardes a todos, quisiera consultarles como es que en general
suelen manejar las hojas de estilos (CSS) para el Internet Explorer, en
particular para las versiones 6-7-8, ya que me he encontrado con varios
inconvenientes que desconocia.
> Luego de realizar algunos diseños, probarlos en Firefox, Opera, Chrome,
Safari e IE9 (en Windows 7) que son los que tenia a disposicion. Pero
estando en la casa de un conocido que tenia una computadora relativamente
vieja con XP e IE8 me encontre que las hojas de estilo que habia realizado
casi no servian. Buscando encontre unos "hacks", asi los denominan, para
IE6-IE7-IE8.
>
> Me gustaria saber si cuando tienen que hacer trabajos que parametros (por
ejemplo, hacer que su diseño funcione en la ultima version de todos los
navegadores y la anterior) toman en cuenta y si consideran hacer plantillas
especiales para IE6-IE7-IE8?
>
>
> Saludos,
>
> Juan Manuel
>
> PD: si encuentran algun tipo de correccion a terminos utilizados de forma
incorrecta, les pido los omitan y las respuestas sean alusivas a la
consulta realizada. Todos sabemos, algunos un poco menos que otros, no es
necesario demostrarlo todo el tiempo, queda mal.
>
> _______________________________________________
> Php-avanzado mailing list
> Php-avanzado en pato2.fi.mdp.edu.ar
> http://www3.fi.mdp.edu.ar/cgi-bin/mailman/listinfo/php-avanzado




--
Matias Fernando Gea
matigea en gmail.com
http://www.mfgea.com.ar
------------ próxima parte ------------
Se ha borrado un adjunto en formato HTML...
URL: <http://www3.fi.mdp.edu.ar/pipermail/php-avanzado/attachments/20130319/33fe41f9/attachment-0001.html>