Now there have a lot of tricks for CSS to comply with different browsers such as IE6, IE7, Firefox, and Safari. Mostly majority uses the common browsers like Internet Explorer and Firefox. Therefore, what I would like to suggest is to make the CSS which you write at least look fine with these common browsers. That is, of course, I always check my website design. Here is some trick for CSS to make your site display properly in cross browser compatibility.

Here are some example of useful css.

Example 1:

1. body
2. { background:#336600; /* firefox */
3. *background:#336600; /* IE 7 */
4. _background:#ffffff; /* IE 6 */
5. }

This example is quite easy and useful css code, although it doesn’t pass validation of CSS. What a shame. If you want to show you are professional, it better uses the validate CSS, I strongly suggest. Anyway, it works, try it.

Example 2:

1. /* IE 6 */
2. #box /**/{
3. position: absolute;
4. left: -210px;
5. top: 230px;
6. }
7. /* firefox and IE 7 */
8. [xmlns] #box {
9. position: absolute;
10. left: -210px;
11. top: 211px;
12. }

 
In this code, using /**/ mean to represent for IE6.

[xmlns] is using for firefox and IE 7.

Good luck for your CSS.

This entry was posted on Monday, October 27th, 2008 at 7:07 am and is filed under Uncategorized. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.