Click here to Skip to main content
15,903,012 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
I've an existing web application that is supporting only IE8 as of now. I want to enable cross browser support for my application like Chrome, safari, Firefox, IE11. What can be the best possible way to achieve this. Most of things looks fine on other browsers but getting some jquery and css issues. Is there any tool available that can convert/make css styles compatible for other browsers before rendering.
Posted

Try below links, they are providing the tips and techniques to twick cross browser compatibility issue.

http://techbrij.com/7-tips-to-make-your-website-cross-browser-compatible[^]
http://www.tutorialspoint.com/javascript/javascript_browsers_handling.htm[^]
 
Share this answer
 
This topic is way to broad for a Quick Questions & Answers forum. But I'll try to give you some basic idea, the way I see it.

This is usual stuff. The best you can do is to design the site which is not very sensitive to minor detail of rendering layouts in different layout engines.

To have and idea on those difference, you should experiment with different Web browser. To see what layout engines are available and what are the major differences, refer to these comparison articles:
http://en.wikipedia.org/wiki/Comparison_of_layout_engines[^],
http://en.wikipedia.org/wiki/Comparison_of_layout_engines_%28Cascading_Style_Sheets%29[^],
http://en.wikipedia.org/wiki/Comparison_of_layout_engines_%28HTML5%29[^].

So, the idea is not to achieve identical look — this is nearly impossible and does not make a lot of sense. Your real goal in this respect should be to make your site looking good in all those engines, and, ideally, keep it recognizable, with its unique face. How can you achieve that?

First, try provide high quality of design. This quality along is so rare, that it itself will give your site absolutely unique look. :-)
The most supportable rendering features are colors and fonts, but not layout, so base uniqueness of your site on the very thorough and clear color gamut and professional font decision (the less fonts, the better).
First and foremost, try to keep it simple. Remember that your main goal is interesting or useful content, good readability and transparent easy-to-understand navigation, and that all kind of decorations and effects only distract and irritate your users. Say "no" to complex layout. Keep the pages fluid. Don't allow yourself to add a single line, gradient, boundary between color tones or decorative element without some purpose which you can clearly formulate and which will be unambiguously recognizable. Please, no sounds, and, as a rule of thumb, no animated images moving without user's command, no pop-ups.

—SA
 
Share this answer
 
Comments
SaranshSrivastava 1-Mar-15 2:38am    
I've heard about App_browsers and browser definition file in .Net to make browser compatible and was trying the same. Any idea about that , how it works etc?
Sergey Alexandrovich Kryukov 1-Mar-15 6:47am    
I would advise not to touch it and not to rely on it too much. It's better to keep your site/application simpler and less sensitive to the browser peculiarities.
—SA

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900