View Full Version : Browser Problems

12-05-2004, 12:19 AM
Hi masters,

There are a lot of browsers available out there. So when we create our web sites, which browsers should we most target for displaying our web pages?
JavaScripts differ in effect from browsers to browsers. How can we solve it?
Thanks countlessly for your time to read me and valuable answer.


12-05-2004, 01:37 AM
It's good to take all current browsers into consideration when creating a page. Poor advise would be to say that Internet Explorer is the most widley used so just make sure it works in that. As far as how to make it all work accross browsers, that is a very general question that could not be answered without specifics as to what you are trying to accomplish.


12-05-2004, 01:51 AM
Depends what you want to acheive: If you want your site to have the same visual apearance in every browser available, then be prepared to spend a lot of time & money acheiving that.
The best bet is to design/code your pages to 'web standards'


12-05-2004, 03:43 AM
This is my approach; I've worded it as instructions because... well, I just did. So sue me! :p

Build in Mozilla or Firefox (I prefer Moz; it's a more mature product and I've found it to be more stable) and test in IE6 at the same time. Use FF/Moz to check your design and positioning, use a seperate stylesheet or selector hacks to only serve IE's corrections to itself alone.
Once you've built one page of the site testing in those browsers, Test in Opera and Safari (if you can get access to a mac or hassle a friend for screenshots) and tweak accordingly. There should only be minor differences between Opera, Safari and Moz/FF. If there are major differences, you should first rethink your approach to the element which caused the bug -- aim for valid workarounds between these browsers, not hacks.
Now comes IE 5/5.2/5.5. I don't test in IE mac, it's just not worth the time unfortunately (no ROI) :rolleyes:. For IE 5/5.5 Win, aim for graceful degredation rather than identical perfection. For example, some advanced menu button styling will break badly in ie5.0, so you would instead feed IE5 a more simplified version of that style. For more specific details about simplifying the cross browser design process, check out my <plug>blog post (http://leftjustified.net/journal/2004/10/07/css-negotiation/)</plug> on the topic.

12-05-2004, 04:46 AM
I don't test in IE mac, it's just not worth the time
Same here, although I learned this which helps keep things accessible for the surprising number of Mac users still using OS9.

<style type="text/css" media="screen">
@import url('style.css');

The trick is the single quotes. IE Mac looks over that and gets a text alternative just like Netscape 4... been working for me so far.

12-05-2004, 11:20 AM
I normally test in Safari, but, if it uses anything more than simple XML, I use Firefox, I test in Opera, then I bother a friend to give me Windows screenshots :)