What is the major CSS differences between FF, IE and Chrome?

Hi,

It has been a while since I have created my last site using CSS. With the current browsers - IE 8, FF 3.6 and Google Chrome, do they still react differently to CSS 2.0?

Your comments is very much appreciated, thank you.

It hasn’t been mentioned elsewhere in the thread so I thought I would highlight the following website to assist you KCgame (as it’s pretty useful for browser support): http://www.webdevout.net/ In addition to covering HTML, CSS and the DOM, it’s actually a lot more comprehensive (though needs a few updates) than what quirks-mode or any of the other websites around the web offer. I regularly use it to get an idea of how the major browsers will hand the code I throw in it’s direction. :slight_smile:

According to the link that Felgall posted - which is usually pretty accurate on these things, IE8 has no support for :before or :after.

Yes - stupid bludding minimum system requirements - if Opera can make the best browser in the world run on Windows 2000, there’s no excuse for Microsoft to require Vista other than commercial exploitation.

I would say that, while IE8 is by far more standards complaint than its predecessors, It still lacks several css 2+ selectors and has incomplete implementations. e.g. lack of :before, :after, :focus, etc.

I can’t seem to consider IE8 in the same level as Firefox and Chrome. I’m looking forward to IE9 though - the problem is that it’s probably only going to be widely used a lot of years after the official release.

Hey, Paul! I am so happy to hear from you =) I have benefited from your CSS teachings 4 years ago when I was creating my browser online game! So good to see you are still helping people out at SP :slight_smile:

Have a great weekend!

See http://www.quirksmode.org/css/contents.html for a comparison chart that includes 16 different browser versions for CSS 2.1 and CSS 3.

No problem and to be honest I had to go back and double check as there are just too many things to remember these days and the quirksmode site is seldom incorrect.

Thanks and yes I’m still here when time allows :slight_smile:

IE8 supports :before :after and :focus and in facts supports all the css2.1 specification - I think you must have meant to say IE7 :slight_smile:

Not to say that IE8 isn’t buggy on a lot of occasions though :wink:

Ah that would make sense, I don’t mostly use :focus and I hadn’t needed a reason to use :before and :after for IE8 - so I mentioned it from memory of reading it somewhere before, I guess it is indeed from the quirksmode site - not sure. Thanks for clearing that up Paul :slight_smile:

According to the Sitepoint reference (of which I wrote half) IE8 does have support :slight_smile: (I remember testing the bugs.)

Try this in IE8 for yourself if you don’t believe me :slight_smile:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
div:before {
    content:'I guess That this must be '
}
div:after {
    content:'some kind of mistake then :)'
}
</style>
</head>
<body>
<div></div>
</body>
</html>


The quirksmode site also shows ie8 has having no support for :focus but that works also. Maybe he tested the properties with the double colon syntax which Ie8 doesn’t support but that’s css3.

Thanks everyone for your comments =) felgall, the chart is what I am looking for! Thank you so much.