Browser Compatibility

This time it's a simple question. How to make the site compatible with all the famous browsers (IE, Firefox, Opera, Safari,etc...) ?!

 

Just try to give all syntax in html tag.
like most developers are using simply <td> in number of places and ie and firefox will display it in different way. one will display in center and other will be in right side. you can solve this by giving <td align='center'> and then it will work for all browsers.

 

osmasters, are you still using tables? Pff, tables are dead.
If you want your site to look the same in most browsers the key is to use div tags and a lot of css.
Then use a css reset method at the start of the css file.
I personaly use this:

* {
margin: 0;
padding: 0;
border: none;
}

PHP:

You can find a lot of css reset methods.
Mine isn't the best but it works for what I need.

After you do this you need to put different css files for theIE browser.
This css file will be loaded only in IE7

<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="ie7.css" />
<![endif]-->

PHP:

This css file will be loaded only in IE6

<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="ie7.css" />
<![endif]-->

PHP:

This css file will be loaded only in IE, regardless of version.

<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="ie7.css" />
<![endif]-->

PHP:

 

without the 7s, right?

 

Just conform to standards and write a hacks file for IE, easiest way I've found.

Dan.

 

Use IE hacks like the famous * and #

 

If your site uses JavaScript make sure you test it with the IE 8 beta - I've found a lot of JavaScript that won't run with this browser although it runs fine with IE 6 & 7.

 

In some rare occasions you have to use different css files for IE7 and IE6.
IE is stupid like that you know