Click here to Skip to main content
11,803,019 members (77,035 online)
Rate this: bad
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 7:31am
ryanb31 at 18-Mar-13 14:01pm
Learn CSS and any nuances for each browser.
Sergey Alexandrovich Kryukov at 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 at 18-Mar-13 14:30pm
Yes, I know. I was being general.
Prasad Khandekar at 18-Mar-13 14:24pm
You can also use cross browser JavaScript frameworks like JQuery, Dojo, etc.
Sergey Alexandrovich Kryukov at 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
0 KrunalRohit 356
1 OriginalGriff 335
2 CPallini 270
3 F-ES Sitecore 270
4 Sergey Alexandrovich Kryukov 234
0 OriginalGriff 2,950
1 Maciej Los 1,910
2 KrunalRohit 1,862
3 CPallini 1,735
4 Richard MacCutchan 1,157

Advertise | Privacy | Mobile
Web03 | 2.8.151002.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