cross browsers css

Question

jquery is cross browser , so it abstract javascript.

is there any library for css that cross browser, so if i write for firefox, it will show nicely on any other browser, even older version of ie5,6 ?

Answer 1

Maybe these two will help:

• CSS Reset

• Blueprint (demos)

EDIT: Your question is duplicate of: http://stackoverflow.com/questions/1455913/cross-browser-css

Answer 2

Check out Frame, a pretty damn good cross-browser CSS framework:

http://frame.serverboy.net/

Answer 3

I have used the 960 Grid system for my last few projects. I highly recommend.

Answer 4

I don't think it's technically feasible to create a (javascript) library that can analyze an entire CSS file and modifies it on the fly to make it work in other browsers, because it would have to:

• simulate Firefox' rendering to know what the page should look like,
• know about all the rendering quirks of other browsers,
• know which change to apply to which style rule to fix the design, which implies it should also have to simulate the rendering of other browsers to validate the fix.

jQuery 'only' has to deal with small aspects of a page's rendering. But making an entire design cross-browser compatible is in a league of its own.

Using CSS resets and frameworks, as the other answers suggested, will help a lot in realizing a cross-browser design. But there's no magic library that will fix your entire design in all browsers. And if there is, I'd love to know about it!

Answer 5

I usually use 960, but a lot of times, like with Wordpress it's too time consuming to implement. A lot of times I'll use a javascript browser hack:

http://rafael.adm.br/css_browser_selector/