6 replies [Last post]
nanacss
nanacss's picture
Offline
Enthusiast
Last seen: 5 years 23 weeks ago
Timezone: GMT+8
Joined: 2007-07-27
Posts: 107
Points: 22

Hi there,

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!!!

真诚清静平等真觉慈悲,看破放下自在随缘念佛。
name: WEN YU
my blog: http://webwhalenews.com
my collection: http://gtoystage.com

fermanaziz
fermanaziz's picture
Offline
newbie
Lahore
Last seen: 11 years 2 weeks ago
Lahore
Joined: 2008-05-07
Posts: 2
Points: 0

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

Stomme poes
Stomme poes's picture
Offline
Elder
Netherlands
Last seen: 7 years 29 weeks ago
Netherlands
Timezone: GMT+2
Joined: 2008-02-04
Posts: 1854
Points: 378

Generally CSS2.1

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.

In general:

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.

I'm no expert, but I fake one on teh Internets

Phreestyle
Phreestyle's picture
Offline
Enthusiast
Australia
Last seen: 3 years 18 weeks ago
Australia
Timezone: GMT+8
Joined: 2007-05-12
Posts: 235
Points: 6

Great post. Thanks for

Great post. Thanks for sharing :thumbsup:

Life's a journey. Enjoy the trip.

nanacss
nanacss's picture
Offline
Enthusiast
Last seen: 5 years 23 weeks ago
Timezone: GMT+8
Joined: 2007-07-27
Posts: 107
Points: 22

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!

真诚清静平等真觉慈悲,看破放下自在随缘念佛。
name: WEN YU
my blog: http://webwhalenews.com
my collection: http://gtoystage.com

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 4 years 31 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

http://www.webdevout.net/brow

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Stomme poes
Stomme poes's picture
Offline
Elder
Netherlands
Last seen: 7 years 29 weeks ago
Netherlands
Timezone: GMT+2
Joined: 2008-02-04
Posts: 1854
Points: 378

Opera

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.

I'm no expert, but I fake one on teh Internets