Click here to Skip to main content
11,928,569 members (52,157 online)
Rate this:
Please Sign up or sign in to vote.
See more: Canvas
how can i design a web site compatible with all the browsers?
Posted 18-Mar-13 8:31am
ryanb31 18-Mar-13 14:01pm
Learn CSS and any nuances for each browser.
Sergey Alexandrovich Kryukov 18-Mar-13 14:29pm
About CSS it's quite obvious, but "any nuances" hardly can be 100% comprehensive; one cannot win this race.
I think the approach should be a bit different; please see my answer.
ryanb31 18-Mar-13 14:30pm
Yes, I know. I was being general.
Prasad Khandekar 18-Mar-13 14:24pm
You can also use cross browser JavaScript frameworks like JQuery, Dojo, etc.
Sergey Alexandrovich Kryukov 18-Mar-13 14:30pm
Agree. I answered with some different idea in mind, please see.

1 solution

Rate this: bad
Please Sign up or sign in to vote.

Solution 1

I don't think you can ever take into account all the incompatibility, at least, not these days, when there are two many of them. You can achieve compatibility only to some set of cases, only two certain extent. My idea is: limit your design to those cases. But this is not all.

Another important point is: you don't really need your pages to look 100% identical in different browsers. Not only this is not possible, it's just a wrong goal. Rather, you need to keep your sites recognizable, pleasant, fully-functional and, most importantly, convenient and informative in a way, not too sensitive to browser differences. And you main tools should be clarity, simplicity and the focus on site's content, not "decoration". Please see my past answer:
One CSS compatible to all browser[^].

Now, a couple of practical ideas on compatibility:[^],[^],[^].

You can use jQuery (or some other library) build with compatibility in mind:[^],[^].

You may also need this drastic compatibility measure: all browsers pass the # parameter to the script except for IE 6.[^].

Good luck,

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

  Print Answers RSS
Top Experts
Last 24hrsThis month

Advertise | Privacy | Mobile
Web02 | 2.8.151126.1 | Last Updated 18 Mar 2013
Copyright © CodeProject, 1999-2015
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100