I remember reading an article talking bout the minimum support for css things. But I cant remember and find it back. If anyone know something like that pls post here.
My question is:
If we use CSS to layout the site, we need to make it look good in IE6 and above (or mayb 5 and above), opera XXX and above, safari XX and above.
What is the minimum standard that we need at least to make it work in the browsers? and which browsers? I know mayb as much as possible, but what version of browsers and above that we need to support? (is there a chart or something?)
Thank you very much!!!
you just go for firefox and
you just go for firefox and I.E 6 rest will be work fine if you will be able to do it right in those browsers
Most browsers support most things in CSS2.1 though there are a few things each browser may support beyond that (CSS3) or not support at all of CSS2 or 2.1. I check things in Appencix C of the book HTML Utopia: designing without tables using CSS by Rachel Andrew and Dan Shafer.
Safari does not support background colours on some form controls (mostly text inputs) but DOES support multiple background images (CSS3) as well as -webkit-border-radius in px as an anticipation of CSS3 border-radius (and almost guaranteed not to work like border-radius will whenever they finish writing the specs on that). Supports combinators > and + as well as :before and :after (I think).
Opera, seems to generally support everything CSS2.1 plus advanced combinators > and + as well as :before and :after (I think), I can't think of anything funny or mentionable about it.
Firefox 2 does not support display: inline-block but there is a moz version of it (which works a little different) called -moz-inline-block and -moz-inline-box. FF is the only one so far that I know of who supports last-child (CSS3), and a moz version of border-radius (same warning applies as with Safari here, except FF also makes the rounded borders fugly too). Supports combinators and :before and :after (I think).
IE7 supports most combinators like > + and the like, but not display: table or any of the related table-style displays. It also still has Haslayout and deals with floats incorrectly, and needs the M$-only filter property because it does not support CSS opacity (I think). There is a long version and a short version of MS properties. Some Ie versions only work with either the long or the short.
IE6 doesn't support lots of things. Haslayout, incorrect float support, but also doesn't recognise :hover on non-anchors, doesn't recognise :focus or general combinators at all, nor display: table, nor alpha transparency on PNGs, and lets containers grow to fit content. Those are the biggest things.
IE also generally supports some IE-only things like word-wrap: break-word, filter properties, scrollbar colours, etc.
Don't rely on FF letting you know how Opera or Safari or Konqueror will deal with CSS. Test test test in as many browsers as you can.
Great post. Thanks for
Great post. Thanks for sharing :thumbsup:
Hi Stomme poes, thank you
Hi Stomme poes,
thank you very much for your explaination.
right now, i have safari 3.1 version, firefox2, IE6,7, 5.5, 5.1 (I installed the multiple IE from somewhere, cant remember), then opera (the latest, mayb i need to install some older ones as well?)
i guess to know css more, need to have more browsers so that can test.
once again! thank u! really appreciate it!
I've heard from regular Opera users that Operians (or whatever they're called) update their browsers regularly and thus the newest OPeras are "good enough" for testing. So, Opera anywhere in the 9's is all I've worried about (not sure if Opera even offers their older stables).
Ah, links! Thx Tyssen.