I am trying to make new website and I would like to know how to make it compatible with cross-browser as now I am able to view my website perfectly with Google chrome and when I see the same with Firefox 7.0 it’s looking very ugly and with IE 8 its looking better.So I would like to know how to make compatible.
Any suggestions will be greatly appreciated!
Every browser will render differently many things, mainly as they render differently some CSS properties (you can check different browser rendering here http://www.w3schools.com/cssref/). A commonly used solution is to differentiate the CSS stilesheets for every possible browsers. You can detect the client browser via javascript:
http://www.w3schools.com/js/js_browser.asp
and set different css again via javascript.
A complete example here:
http://rafael.adm.br/css_browser_selector/