Click here to Skip to main content
Rate this: bad
good
Please Sign up or sign in to vote.
See more: Canvas
hi
how can i design a web site compatible with all the browsers?
thanks
zara
Posted 18-Mar-13 8:31am
Comments
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.
—SA
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.
—SA

1 solution

Rate this: bad
good
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:
http://en.wikipedia.org/wiki/JQuery[^],
http://jquery.com/[^],
http://learn.jquery.com/about-jquery/how-jquery-works/[^].
 
You can use jQuery (or some other library) build with compatibility in mind:
http://en.wikipedia.org/wiki/JQuery[^],
http://jquery.com/[^].
 
You may also need this drastic compatibility measure: all browsers pass the # parameter to the script except for IE 6.[^].
 
Good luck,
—SA
  Permalink  

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

  Print Answers RSS
0 OriginalGriff 350
1 Jochen Arndt 190
2 Richard MacCutchan 135
3 Sergey Alexandrovich Kryukov 120
4 DamithSL 95
0 OriginalGriff 6,045
1 DamithSL 4,611
2 Maciej Los 4,087
3 Kornfeld Eliyahu Peter 3,480
4 Sergey Alexandrovich Kryukov 3,310


Advertise | Privacy | Mobile
Web04 | 2.8.141220.1 | Last Updated 18 Mar 2013
Copyright © CodeProject, 1999-2014
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