Cross Browser Compatibility
These days i am working on a site and while i was developing it, a thought interrupted me by the process.Just thinking of the importance of developing cross browser compatible sites and how complicated or simple effort could be. Nowadays where everyone’s using different browsers similar to what happens in operating systems and growth of mobile market and smartphone browsing devices is exponential,it’s a duty for developers like me and designers to produce usable cross platform products.
Ok well done until here but what if that process takes too long to accomplish and what if you can’t satisfy all?There is no way to satisfy all,this is general rule,so take your time and check all the major browsers to be compatible with and don’t forget to check for mobile phones and tablets.This process must be in your mind from the beginning of each project in order to avoid spending hours changing basic code last moment.Below i am trying to give you some css programming tips to avoid problems with compatibility in the future.
- Most problems caused by css files and especially by the positioning values.Avoid to set absolute values which destabilize web content in different browsers and screen resolutions.
- A reset.css is necessary in my opinion.For more information look at this wonderful article.
- Never use tables,is a bad and old technique and causes problem also in SEO.Instead use div.
- Handle inconsistent element margins and padding,for this read here.
- Never resize images in the CSS or HTML.
- Coding until end for your favorite browser and then check result on the others.
Here is a very good tool to check your site in different browsers and resolutions.Also this would help you on tablets.
These are basic principles for me,however i am open to discuss them further.





