I’ve been developing on the web for a while now and most of my cross browser compatibility consists of using IE css hacks, which is not standard by any means so I’m just curious how do you handle cross browser rendering issues when developing web applications? I’ve never worked for a larger company, so how you do think (of if you have some experience working for a large company) they handle these cross browser differences? I would love some professional feedback on this subject or perhaps some tips.
Share
We start our projects by using a reset stylesheet (Eric Meyer’s is good), which fixes most cross-browser display issues we’ve ran in to.
My personal strategy is to make everything look right in Firefox first, which usually also takes care of Webkit-based browsers, then go back in and fix IE issues using separate stylesheets linked inside of conditional comments.
For some CSS3 that IE<=8 doesn’t support, we use CSS3 PIE.
Finally, if you haven’t already, check out Modernizr and html5boilerplate (html5boilerplate implements Modernizr). html5boilerplate is a good starting point to help alleviate cross-browser issues.