¿Como crear un CSS para solo para Firefox?

[sumolari]

¡Hola a todos!

Estaba haciendo un diseño para un blog y me he topado con un pequeño problema.

En Firefox existen propiedades que permiten crear bordes redondeados sin usar Javascript, sólo con CSS. He pensado aprovecharlo, y que en Firefox se vea con esquinas redondeadas y en IE no.

Usando una condición he creado un CSS para IE en el que se modifican varias divs para que no tengan bordes redondeados y se adapten mejor al diseño sin bordes.

El problema es que en Safari, Google Chrome, etc tampoco están esas propiedades (no sé si en Opera están), así que creo que lo mejor en este caso es crear un CSS específico para Firefox, otro para IE (siempre hay algo que modificar para IE) y un tercero para todos los navegadores en general.

Para IE uso este código:

Código HTML:

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

¿Hay algún código similar para Firefox?

No tendría problemas en hacerlo con PHP, pero me gustaría poder prescindir de él en el diseño.

[hshadow]

Hola.

Mirá. Hasta donde yo sé tenés 2 opciones:

1. usar la propiedad !important que hace que FF ponga por sobre la propiedad repetida sin !important la que sí tiene el !important:

Ej:
body{
color: #777777; /*color para IE6*/
color: #000000 !important; /*color para FF*/}

2. usar imagenes.

La contra del !important es que IE7 también la sabe interpretar.

Yo prefiero usar imagenes. Con un poco de lucha podés lograr cualquier efecto con ellas.

Espero que te haya servido de algo.

Hasta luego.

[Raulmmmm]

Pero Opera, Chrome y Safari también saben interpretar el !important. Me parece que las soluciones están en hacerlo con Javascript, con PHP o con imágenes.

[Mikmoro]

Mejor aun: si sólo firefox interpreta esas propiedades y el resto no, simplemente escríbelas en la hoja de estilo y habrás conseguido lo que buscas; que FF las interprete y el resto no, como si fuera una hoja para él, ¿no?

[sumolari]

Iniciado por Mikmoro

Mejor aun: si sólo firefox interpreta esas propiedades y el resto no, simplemente escríbelas en la hoja de estilo y habrás conseguido lo que buscas; que FF las interprete y el resto no, como si fuera una hoja para él, ¿no?

En parte, pero al ser las esquinas curvas también he modificado un par de imágenes para que se adaptasen a las esquinas. Entonces el CSS que interpreta Firefox llama a dos imágenes diferentes del IE, mientras que en Opera, Chrome, Safare, etc no tienen esquinas redondeadas y llaman a la imagen modificada para esquinas redondeadas.

Si no se puede hacer de otra forma, entonces con PHP.

[Mikmoro]

Mi recomendación: no busques cosas raras y usa para FF lo mismo que para Opera y Safari.

[sumolari]

Iniciado por Mikmoro

Mi recomendación: no busques cosas raras y usa para FF lo mismo que para Opera y Safari.

Ya jeje, aunque puedo lograr el efecto curvo con Javascript para todos los navegadores que lo tengan activado .

Ya veré lo que hago, por ahora se ve bien en IE 7, Firefox y Google Chrome.

[ASYNTETYCO]

Mira, yo te recomiendo que mejor utilizes bordes redondeados pero con imagenes para que funcionen en todos los navegadores y no te estes complicando la existencia.

[Mikmoro]

Iniciado por sumolari

Ya jeje, aunque puedo lograr el efecto curvo con Javascript para todos los navegadores que lo tengan activado .

Ya veré lo que hago, por ahora se ve bien en IE 7, Firefox y Google Chrome.

Entiendo que debes hacer lo que más te apetezca, pero quiero decir que no sé si tiene mucha utilidad usar propiedades que sólo un navegador va a entender, y una alternativa para todos los demás. Es mi opinión.