Log in

No account? Create an account

Previous Entry | Next Entry

Browser Compatibility Issues

  • Sep. 12th, 2006 at 1:44 PM
The effectiveness of CSS you use in your layout can be affected by the browser you are using - there are problems in the way different browsers interpret and support CSS. For example, Internet Explorer interprets CSS in quite a different way from Mozilla Firefox (in fact, in a much less standard compliant way). Different browsers also support different amounts of CSS - some, for example, will not recognise the "float" element. The older your browser, the more problems you will encounter.

Thus, when you ask a question in this community, please tell us what browser you are using and what version of it. Also bear this in mind if you are following a solution given and the CSS just doesn't do what it's supposed to. If you are posting an answer to someone's query, please say which browsers you know it does work on, if you can, e.g. "This solution is known to work with Firefox v.1.0.6"

This page gives a good list of which elements are compatible which which browsers and to what extent. Well worth a look if something is not doing what you expect.

In terms of which browser we would recommend, Firefox is very reliable for parsing CSS correctly - you can download the latest version here (it's free). I'm not going to promote it's many virtues here (and there are many), but suffice it to say it is far more CSS standard compliant than Internet Explorer and layouts will generally look and work much better on it.

CSS Browser Compatibilities
Mozilla Firefox


( 1 comment — Leave a comment )
(Deleted comment)
Sep. 25th, 2006 05:32 pm (UTC)
I think that's probably because IE doesn't regognise the "float" CSS command. The best solution, without using a browser detection script to allow seperate stylesheets for different browsers, is probably to try and find some way of placing your elements without using floats, which admitedly is difficult and footery. I've not found a satisfactory way yet. Perhaps absolute or relatve positioning and padding or margins may be one way to go. Sorry I can't offer a specific fix.
( 1 comment — Leave a comment )

Latest Month

March 2016

S2 Help Communities


Page Summary

Powered by LiveJournal.com
Designed by chasethestars