Question

html判断浏览器类型来定义样式

我现在遇到一个问题，大概是这样的，定义个div，然后再div里面插入一张图片和一个table，然后给table定位的时候，使用的语句是style="margin:200px 0 0 100px;position: absolute"，但是在IE和谷歌里面显示的位置不一致，所以我想能否在html文件里判断语句，判断浏览器是IE的时候，使用style="margin:200px 0 0 100px;position: absolute"，是谷歌的时候，使用style="margin:200px 0 0 300px;position: absolute"，求大拿帮忙

Answer 1

css里面写if判断

1. <!–[if !IE]><!–> 除IE外都可识别 <!–<![endif]–> 
   2. <!–[if IE]> 所有的IE可识别 <![endif]–> 
   3. <!–[if IE 5.0]> 只有IE5.0可以识别 <![endif]–> 
   4. <!–[if IE 5]> 仅IE5.0与IE5.5可以识别 <![endif]–> 
   5. <!–[if gt IE 5.0]> IE5.0以及IE5.0以上版本都可以识别 <![endif]–> 
   6. <!–[if IE 6]> 仅IE6可识别 <![endif]–> 
   7. <!–[if lt IE 6]> IE6以及IE6以下版本可识别 <![endif]–> 
   8. <!–[if gte IE 6]> IE6以及IE6以上版本可识别 <![endif]–> 
   9. <!–[if IE 7]> 仅IE7可识别 <![endif]–> 
   10. <!–[if lt IE 7]> IE7以及IE7以下版本可识别 <![endif]–> 
   11. <!–[if gte IE 7]> IE7以及IE7以上版本可识别 <![endif]–> 

css

table{
    margin:200px 0 0 100px;position: absolute
    /*谷歌可以识别，IE也识别，但会被之后的if语句覆盖*/
}
<!-[if IE]>
table{
    margin:200px 0 0 300px;position: absolute
    /*谷歌不会识别，但IE识别，且覆盖之前的语句*/
}
<![endif]->

Answer 2

<script type=“text/javascript”>
      function isIE(){
          return navigator.appName.indexOf(“Microsoft Internet Explorer”)!=-1 && document.all;
      }
      function isIE6() {
          return navigator.userAgent.split(“;”)[1].toLowerCase().indexOf(“msie 6.0″)==“-1″?false:true;
      }
      function isIE7(){
          return navigator.userAgent.split(“;”)[1].toLowerCase().indexOf(“msie 7.0″)==“-1″?false:true;
      }
      function isIE8(){
          return navigator.userAgent.split(“;”)[1].toLowerCase().indexOf(“msie 8.0″)==“-1″?false:true;
      }
      function isNN(){
         return navigator.userAgent.indexOf(“Netscape”)!=-1;
      }
      function isOpera(){
          return navigator.appName.indexOf(“Opera”)!=-1;
      }
      function isFF(){
          return navigator.userAgent.indexOf(“Firefox”)!=-1;
      }
      function isChrome(){
          return navigator.userAgent.indexOf(“Chrome”) > -1;
      }
if(isChrome()){
     element.addclass("css");
}
 </script>

Answer 3

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