Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: Neibar en 14 Mayo 2012, 20:20 pm



Título: css para navegadores distintos
Publicado por: Neibar en 14 Mayo 2012, 20:20 pm
Ahí va mi duda, podría hacer un css determinante para que funcione en todos los navegadores?

Sé que cada navegador te interpreta de una manera (o a veces ni lo interpreta) lo que contenga el css.

La pregunta es, hay algun parámetro de css que se cargue segun el tipo de navegador que se use?

es por no tener que usar todo el rato un script para detectar navegador y usar un css predeterminado


Título: Re: css para navegadores distintos
Publicado por: _teiki en 15 Mayo 2012, 05:36 am
 Si es posible pero la mayoría de veces es necesarios utilizar los llamados "hacks" en css. Por ejemplo, ya que internet explorer da mas problemas se utiliza:

_atributo:valor  //para IE 6 o anterior
*atributo:valor //para IE 7 o anterior
atributo:valor\9 //para IE 8 o anterior

Existen bastantes que puedes aplicar.

Otra manera de lograrlo seria generando el css dinamicamente a través de cualesquier lenguaje de programacion en el servidor.


Título: Re: css para navegadores distintos
Publicado por: Neibar en 16 Mayo 2012, 13:34 pm

Otra manera de lograrlo seria generando el css dinamicamente a través de cualesquier lenguaje de programacion en el servidor.

me documentaré sobre ello, gracias!


Título: Re: css para navegadores distintos
Publicado por: #!drvy en 16 Mayo 2012, 16:02 pm
IE6 debes prohibirlo. Es una amenaza para la humanidad.. es como si ahora volviéramos a la edad medieval... Yo te recomiendo NO adaptar tu pagina para ese navegador.. y si te lo pide un cliente, informarle de que es un navegador del año 999 antes de cristo, que ya no se utiliza y no tiene soporte.


Para IE existen los condicionales. Ejemplo
Código
  1. <!--[if IE 7]>
  2. <link rel="stylesheet" type="text/css" href="iespecific.css" />
  3. <![endif]--

Esto hará cargar el iespecific.css para cualquier visitante que use la versión 7 de IE.

Código
  1. <!--[if IE]>
  2. <link rel="stylesheet" type="text/css" href="iespecific.css" />
  3. <![endif]--

Y esto para cualquier visitante que use IE.

Saludos



Título: Re: css para navegadores distintos
Publicado por: Neibar en 17 Mayo 2012, 18:20 pm
al final encontré ésta página web con ejemplos para cada navegador y sus especificaciones. Muchas gracias igualmente :)


http://paulirish.com/2009/browser-specific-css-hacks/


Título: Re: css para navegadores distintos
Publicado por: EFEX en 17 Mayo 2012, 18:40 pm
IE6 debes prohibirlo. Es una amenaza para la humanidad.. es como si ahora volviéramos a la edad medieval... Yo te recomiendo NO adaptar tu pagina para ese navegador.. y si te lo pide un cliente, informarle de que es un navegador del año 999 antes de cristo, que ya no se utiliza y no tiene soporte.

Jaja si, es verdad, es una lucha con el css, yo lo cobraria como un trabajo extra.


Título: Re: css para navegadores distintos
Publicado por: Zedmix en 18 Mayo 2012, 10:41 am
Te recomiendo esta web desarrolloweb.com, en este taller mostraron de que forma se puede diseñar un sitio web y se adapte a todo tipo de dispositivos y navegadores. http://www.desarrolloweb.com/articulos/taller-responsive-web-design.html


Título: Re: css para navegadores distintos
Publicado por: Neibar en 18 Mayo 2012, 13:25 pm
gracias!