彻底解决mbt_transmenu模块不同浏览器下错位问题

今天一上班,就看到白老大在两个帖子上都要求我把解决的过程详细的写出来,老大之命岂能不从 ,也为了大家以后遇到同样的问题不用再象我这样费脑子费时间了呵呵
1.当我们在后台上传安装好后,可以看到菜单名那有选择取代的菜单(前提是你已经建好自己的分级菜单)
2.选择好发布的位置后在页面上就可以看到了,但问题是在不同浏览器下你会看到显示的位置是不一样的(我指的是ie6,ie7和firefox,其他的我还没试),因为我做的是水平下拉菜单,竖直的我没做,我想如果遇到相同的问题解决办法应该是差不多的.
3.首先先解决一级菜单
  这个有两种方法
  一种是在模版里进行浏览器的判断,根据浏览器的不同选择不同的css文件,然后在各自的css文件里调相应的位置
  在模版的index.php中会找到调用css的代码:
  <link href="<?php echo $mosConfig_live_site;?>/templates/rhuk_solarflare_ii/css/template_css.css" rel="stylesheet" type="text/css"/>
  那我们就从这里下手,对浏览器进行判断,代码如下:
  <?php
if (strstr($_SERVER["HTTP_USER_AGENT"], "MSIE")) {
   if (strstr($_SERVER["HTTP_USER_AGENT"], "MSIE 7.0")){
?>
<link href="<?php echo $mosConfig_live_site;?>/templates/rhuk_solarflare_ii-2/css/template_css2.css" rel="stylesheet" type="text/css"/>
<?php } else {
?>
<link href="<?php echo $mosConfig_live_site;?>/templates/rhuk_solarflare_ii-2/css/template_css.css" rel="stylesheet" type="text/css"/>
<?php }}
else{
?>
<link href="<?php echo $mosConfig_live_site;?>/templates/rhuk_solarflare_ii-2/css/template_css1.css" rel="stylesheet" type="text/css"/>
<?php
}
?>
这样我们就需要建三个css文件,不同调位置的时候不会乱!
第二种方法:
    运用css中的hack,来对不同浏览器进行适应,具体资料可以去查看关于css中关于hack的介绍,这里我只举个简单的例子来说明下
     #top_outer_1{
        margin-top:-82px!important; /*for firefox*/
        margin-top:27px;/*for ie6*/
}
*+html #top_outer_1{
margin-top:-81px !important;/*for ie7*/
}
由注释可以看出区别来,而且应该注意这样的顺序不能改变,变了结果就不一样了!
用这两种方法基本上就把第一级菜单的位置都调到相同的位置上了,但是当我为解决了而高兴的时候,新的问题又出现了,弹出的二级菜单竟然又是乱的,这下可把我愁死了,因为我们知道这个位置是在后台"顶部位置""左端位置"那动态获取的,没有在css里明确写出来,用上面介绍的方法是行不通的,那这又怎么判断不同浏览器呢?问人得不到答复后,我决定从模块代码里下手
    首先我打开的是mod_mbt_transmenu.xml文件,我们可以看到这样两行:
<param name="p_t" type="text" default="0" size="5" label="顶部位置" description="" />

      <param name="p_l" type="text" default="0" size="5" label="左端位置" description="" />
也就是说我们后台添的数值是给了name="p_t",name="p_l" 这两个的,但是这里是不能判断的,于是我又把所有关于这个模块的代码浏览了一遍,最后我锁定了transmenu.php文件中的两行,就是:
     $top = $this->parent->_params->get('p_t');
   $left = $this->parent->_params->get('p_l');
我们可以看到用get方法把p_t,p_l这两个里的值赋给了变量$top,$left,既然是这样,那我们就可以在这里判断出浏览器来把位置写死不就行了,所以就有了下面的代码:
       if (strstr($_SERVER["HTTP_USER_AGENT"], "MSIE")) {
         if (strstr($_SERVER["HTTP_USER_AGENT"], "MSIE 7.0")){
         $top =38;
         $left =20;
      }else{
         $top = $this->parent->_params->get('p_t');
         $left = $this->parent->_params->get('p_l');
      }}
      else{
            $top =18;
           $left =5;}
可以看到我把在ie7和firefox下的位置给写死了,而ie6的位置还是由后台自动获取的,这样所有的位置就都正确了!
这里我们主要用了php中的strstr($_SERVER["HTTP_USER_AGENT"]关于它的意思只要看看资料就马上明白了!
以上就是我解决这个问题的全部过程,如果有什么地方说的不对的,请高手批评指教!如果哪里说的不明白的,请大家留言!