I would like to know the best way to design a website which one can have best view in Chrome, IE, Safari, Firefox, iPhone. In addition, css part should be easy to manage. For the moment, I have found many problems in css and the layout also.
I would like to have some tricks which can avoid mistakes in layout and compatibility on different browsers.
There aren't many tricks, you just have to deal with it really unless you are using a framework of the sorts which normally support all major browsers. Firefox is mostly up to speed so normally everything for chrome and firefox will work fine, the only problem with Opera is some css effects (for me anyways). I have all major browsers, the best way to do it yourself would be just to test everything, unless of course you are using a framework. If a certain css attribute isn't working in firefox or opera your best bet would just to be add the prefix like this, from this:
Look up some stuff on google, if you aren't sure! Also to try to avoid more mistakes validate your webpage with the W3C validator with whatever version of HTML you are using. http://validator.w3.org/
Hope thate helps somewhat.