Firefox Compatibility Options

[jordanriane]

Do you normally use Firefox as your browser, but want to make sure that your overrides work for IE as well?

Well, it is possible to make it work between Firefox and IE.

Most of the overrides you'll need to change will be related to pixels, tables, percentages, etc.

To create this compatibility, you will need to work out of ie (and firefox).
Create your overrides so that they work in ie, but not firefox.

Now that you have your overrides compatible with ie, we'll work with making them compatible with firefox.

Find the snippets of coding that are not working properly with firefox.
Copy the coding, and paste it directly under it, so you have stated twice. However, with the second one, you will be adding !important before the semi-colon (;).

Like so:

CODE

table { width: 254px;
         width: 256px!important;
}

IE does not recognize the !important so it will use the first specifications. Firefox (and most other browsers) will recognize the small code and use that specification since it's listed as "!important."


However, take into consideration that sometimes coding changes with resolutions, which will have an impact on your journal. It may not be perfect for everyone, but at least you now have cross-browser compatibility with your overrides.

[Eryi]

Find the snippets of coding that are not working properly with firefox.
Copy the coding, and paste it directly under it, so you have stated twice. However, with the second one, you will be adding !important after the semi-colon (;).

Like so:

CODE

table { width: 254px;
         width: 256px!important;
}

I don't understand that part, I'm trying to use this.