Page 1 of 1
Best Way To Support Multiple Browsers?
Posted: Tue Jan 04, 2011 9:23 am
by Sjwdavies
Hi guys.
I'm just about to start a new site and wonder how you guys support multiple browsers?
I'm going to use a core CSS file and try to support as many browsers as possible, but for things such as IE7's double padding issue I was going to use a separate CSS included conditionally.
How do you overcome this common CSS issue?
Re: Best Way To Support Multiple Browsers?
Posted: Tue Jan 04, 2011 5:17 pm
by social_experiment
The sanest option is to have a seperate style sheet for IE (which ever version you are coding for). Firefox, Safari, Opera, Chrome seems to have similar results when using a single stylesheet so you can use one stylesheet for them or if they misbehave just give each of them a seperate one as well.
Re: Best Way To Support Multiple Browsers?
Posted: Tue Jan 04, 2011 6:31 pm
by Christopher
One way is to use a reset style sheet. Another is to use a UI system from one of the many Javascript frameworks around that deal with these problems internally.
Re: Best Way To Support Multiple Browsers?
Posted: Tue Jan 04, 2011 6:52 pm
by Sjwdavies
I always use CSS reset, they're a godsend!
Can you name one of the JavaScript frameworks your referring to?
Also, I've read about quirks mode briefly, does that sort a lot of IE errors?
Re: Best Way To Support Multiple Browsers?
Posted: Tue Jan 04, 2011 7:26 pm
by Christopher
I use jQuery and their UI is cross browser -- like most others. There are also CSS frameworks that usually implement a grid.
There are also just habits you get into, like double/triple divs for layout so you don't need to use both margin and padding. If you search around you can find a number of these CSS design strategies. Each has its own set of trade-offs. One may be to your liking.
Re: Best Way To Support Multiple Browsers?
Posted: Wed Jan 05, 2011 12:26 am
by thecodewall
What I did was to specify each CSS in every browser. Try to read this post:
http://codewall.blogspot.com/2010/12/sp ... wsers.html