[Php-avanzado] Consultas Hojas de Estilo para IE

[Unes Pacio]

La forma prolija y limpia de hacerlo es usando hojas de estilo
independientes para los navegadores obsoletos de esta forma:

<!--[if lte IE 7]>
<link href="/css/ie.css" rel="stylesheet" type="text/css" />
<![endif]-->


Dentro de este archivo se pueden usar hacks css para las distintas
versiones, y esto no perjudica en la validacion, o tambien se puede usar un
archivo diferente para cada navegador, aunque la mayoria de los problemas
yo los corrijo poniendo esto:

div{
position: relative;
display:block;
z-index:1;
zoom:1;
}

el resto dejo que se cargue de la hoja de estilos general y esto soluciona
la mayoria de los problemas, a veces  con algunas variantes.

Saludos




El 19 de marzo de 2013 12:36, Juan Manuel P. <tucu_21 en hotmail.com> escribió:

> Muchas gracias mati por los articulos, algo habia encontrado, pero hubo
> cosas que no habia leido que aparecian ahi.
>
> Por otro lado encontre tambien un script que incorporandolo al codigo
> entre los condicionales de IE y dentro de todo (para salvar las papas hasta
> que terminara las hojas de estilo de IE me salvo - html5shiv.js-).
>
> Saludos, Juan Manuel
>
> In his heart, in his eyes
> In his soul, there’s no sign of thunder
> Screams, can you hear the screaming
> When another restless soul must die
>
> ------------------------------
> Date: Tue, 19 Mar 2013 12:14:10 -0300
> From: cesargimenezlascano en gmail.com
> To: php-avanzado en pato2.fi.mdp.edu.ar
> Subject: Re: [Php-avanzado] Consultas Hojas de Estilo para IE
>
>
> No había visto tu mensaje Matias, gracias x la info!!!
>
>
> El 19 de marzo de 2013 10:16, Matias Gea <matigea en gmail.com> escribió:
>
> 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
>
> _______________________________________________
> Php-avanzado mailing list
> Php-avanzado en pato2.fi.mdp.edu.ar
> http://www3.fi.mdp.edu.ar/cgi-bin/mailman/listinfo/php-avanzado
>
>
>
> _______________________________________________ Php-avanzado mailing list
> Php-avanzado en pato2.fi.mdp.edu.ar
> http://www3.fi.mdp.edu.ar/cgi-bin/mailman/listinfo/php-avanzado
>
> _______________________________________________
> Php-avanzado mailing list
> Php-avanzado en pato2.fi.mdp.edu.ar
> http://www3.fi.mdp.edu.ar/cgi-bin/mailman/listinfo/php-avanzado
>
------------ próxima parte ------------
Se ha borrado un adjunto en formato HTML...
URL: <http://www3.fi.mdp.edu.ar/pipermail/php-avanzado/attachments/20130320/e5d1b651/attachment.html>