views:

34

answers:

1

Hello

I'm working on a web development project where i need to take care of the design and working of the application. I found it very hard to style my UI which should be compatible will all the prominent browsers.

For example to align the text inside a div i gave

text-align:center

which worked only in IE and not in Firefox, Safari, Chrome and Opera. So i gave the Mozilla CSS style

text-align:-moz-center

which appears to fix the position only in Firefox and not in Safari, Chrome and Opera. So how to apply styles to the elements that are cross-compatible with all the browsers? Are there any CSS libraries to help us here? Any insights provided are very much appreciated.

Thank you.

NLV

+3  A: 

Kind-of, there is a such thing as a CSS Reset and a CSS Framework.

CSS Reset sets all default values of elements to 0 so that anything you build after that will be the same in all browsers, such as YUI Reset
http://developer.yahoo.com/yui/reset/

A framework you could use is called blueprint
http://www.blueprintcss.org/

Kerry