Anyone know of a site that enumerates different browsers’ support for CSS?
-
I had my site almost perfectly set up for Internet Explorer 7. To my dismay, when displayed in Firefox 3.04/3.0.5 or Chrome 1.04 it had the same erroneous display. I looked around for a single resource that kept track of different browsers’ support for CSS. The article at sitepoint about hacks dates back to 2005 and talks about IE5 and Netscape (!). Another one from the Netherlands hasn’t been updated for a couple years. Does anyone know of a good site, relatively up to date, that lists the differences in support between browsers for CSS?
I’m starting to worry that I won’t be able to write a single stylesheet in wp.com that will look right in all browsers.The blog I need help with is: (visible only to logged in users)
-
I don’t know if you are talking about a blog hosted here or a self-hosted blog since you did not give the address of the blog.
I would post this question over in the wordpress.ORG forum as they are much more familiar with those issues than we are here. There is only one real CSS guru here, and that is devblog and he only shows up from time to time. Perhaps someone at wordpress.ORG can point you in the right direction. Before posting though, do a search of the forums there for CSS and IE and stuff like that. The question may have already been answered.
From my perspective, it is best to design for firefox and chrome since those browsers have been designed from the ground up to be compatible with the World Wide Web Consortium (W3C) standards. After getting the design to work properly, and W3C XHTML compliant, then you go back in and add in the “hacks” so that it works with the non-compliant IE6 and IE7. Microsoft has, from the very beginning, not paid much attention to the W3C standards, and that is why if you download any themes for use with wordpress.ORG self-hosted software, you will find numerous “hacks” to make the theme work with IE – both in the underlying theme PHP files and in the CSS. In fact, many designers have now gone to putting in separate CSS stylesheets just to deal with IE rather than putting it directly into their main CSS. I would run things through the W3C XHTML and CSS validators first off to make sure you are compliant with the standards – if you have not already.
W3C XHTML validator: http://validator.w3.org/
W3C CSS validator: http://jigsaw.w3.org/css-validator/You might also take a look at this site on browser bugs http://www.gtalbot.org/BrowserBugsSection/ to see how IE compares with the other browsers. There also might be some links there that will be useful to you. As you will see from the numbers, IE needs a good visit from a reputable extermination service.
-
Thanks, thesacredpath, for your thoughtful answer.
My custom CSS blog is at ccmw.wordpress.com. (As a matter of fact, the stylesheet I use on it is at
http://crow-caw.com/90-site-stuff/91-the-stylesheet)
I do understand the difference between wordpress.org and wordpress.com. I fear that the .org people will tell me that they have the ability to detect the difference between browsers because they are in control of their php and html, whereas I only have CSS to work with and the HTML I can type into the page/post editors. Don’t get me wrong, those are powerful enough.
It’s a pity that IE even at version 7 is still non-compliant…they still do have the lion’s share of the browser users but from my experiences with Firefox and Chrome that will not be for long.
Thanks again for taking time.
Tim S. -
I would simply pose the question simply at .ORG, “Does anyone know of a website that discusses and lists browser CSS compatibility issues?”
The other thing is search on Google for “browser css compatibility”. I didn’t look through the results, but some of the titles the search brought back look promising.
- The topic ‘Anyone know of a site that enumerates different browsers’ support for CSS?’ is closed to new replies.
WordPress.com Forums 