php 加载css问题ie6 、火狐、本地都正常ie7、ie8、不正正常在html中也是正常就这么一导航条 和下拉菜单css如下:/*code based on Stu Nicholls "ultimate dropdown nav"
http://www.cssplay.co.uk*/
/*common styling*/
/*nav container*/
.menucontainer{width:1002px;height:48px;margin:0px auto;text-ailgn:center;background:url(../images/inside_02.jpg) no-repeat center top;}
/*basic nav styling*/
.menu {font-family: Helvetica,arial,verdana,sans-serif;width:89%;margin:0px auto;position:relative;font-size:12px;font-weight:bold;}
.menu ul {padding:0;margin:0;list-style-type:none;float:left;position:relative;}
.menu ul li {float:left;position:relative;display:inline;}
/*style of main items normal state*/
.menu ul li a, .menu ul li a:visited {float:left;text-align:left;display:block;text-decoration:none;color:#fff;width:auto;height:44px;padding:0px 15px 0px 15px;line-height:42px;text-transform:uppercase;}
* html .menu ul li a, .menu ul li a:visited {width:auto;w\idth:auto;}
/*hide sub nav items*/
.menu ul li ul {display:none;}
/*style for table of sub nav items*/
table {margin:-1px;border-collapse:collapse;font-size:12px;}
/*specific to non IE browsers*/
/*main nav over state*/
.menu ul li:hover a {color:#034895;background: url(../images/nav_hover.jpg) top left repeat-x;}
/*show drop-down list*/
.menu ul li:hover ul {display:block;position:absolute;top:34px;margin-top:1px;left:0;width:100%;border-top:1px solid #fff;}
/*drop-down on state*/
.menu ul li:hover ul li a {display:block;background:#DAE3E8;color:#034895;height:auto;line-height:26px;padding:2px 16px 2px 30px;width:120px;border-bottom:1px solid #fff;}
/*sub drop-down over state*/
.menu ul li:hover ul li a:hover {background:#B4C6D2;}

解决方案 »

  1.   

    html 页面  发下
    看看  和我的情况一样吗
      

  2.   

    html下正常啊
    非常难缠 非常纠结的问题。。
      

  3.   

    呵呵 火狐下 正常  。。就IE7、IE8 有问题啊 
    啊 啊啊 啊  怎的好奇怪啊
      

  4.   

    这个是以前的一个菜单,ie678,ff,oprea都没问题,自己看下吧,好象和你的菜单是一样的
    /*----- menu star-----*/#mainMenu {width:950px; height:32px; background:url(../images/menu_03.jpg) left top repeat-x;position:relative;margin-bottom:32px;}#mainMenu ul {padding:0; margin:0; list-style-type: none;}#mainMenu ul li{float:left; height:32px; line-height:32px; text-align:center;}#mainMenu ul li a, #mainMenu ul li a:visited {width:135px; display:block;}
    #mainMenu ul li div.child {display: none;}
    #mainMenu ul li:hover a {background:url(../images/menu_05.jpg) left top repeat-x;}#mainMenu ul li:hover div.child {display:block; position:absolute; width:950px;top:30px;left:0;color:#666; background-color:#fafafa;}
    #mainMenu ul li:hover div.child a {display:inline;width:auto;background-image:url();color:#666;font-size:13px;}
    #mainMenu ul li:hover div.child a:hover {color:#f60;}
    #mainMenu ul li table {border-collapse:collapse; margin:0; padding:0;}
    #mainMenu ul li a:hover{background:url(../images/menu_05.jpg) left top repeat-x;}
    #mainMenu ul li a:hover div.child {display:block; position:absolute; width:950px;top:30px;left:0;color:#666; background-color:#fafafa;}
    #mainMenu ul li a:hover div.child a {display:inline;width:auto;background-image:url();color:#666;font-size:13px;}
    #mainMenu ul li a:hover div.child a:hover {color:#f60;}
    /*----- menu end-----*/<!--[if lte IE 6]>
    <style>
    #mainMenu ul li a.hide, #mainMenu ul li a:visited.hide {display:none;}
    </style>
    <![endif]--><!---导航开始-->
        <div id="mainMenu" class="font14h fontWhite fontB">
          <ul><li><a href="{$CONFIG['webroot']}/" class="hide">首页</a>
    <!--[if lte IE 6]>
    <a href="{$CONFIG['webroot']}/">首页
    <table><tr><td>
    </td></tr></table>
    </a>
    <![endif]-->
          </li>
    <!--
    EOT;
    foreach($header_menu as $menu){
    $m_pat=$menu['parent'];
    $m_chl=$menu['child'];
    $m_pat['url'] = trim($m_pat['url'])==""?"javascript:;":$m_pat['url'];
    print <<<EOT
    --> <li><a href="{$CONFIG['webroot']}{$m_pat[url]}" class="hide">$m_pat[mname]</a>
    <!--[if lte IE 6]>
    <a href="{$CONFIG['webroot']}{$m_pat[url]}">$m_pat[mname]
    <table><tr><td>
    <![endif]-->
    <!--
    EOT;
    if($m_chl){print <<<EOT
    --> <div class="child">
    <!--
    EOT;
    $chlext = "";
    foreach($m_chl as $mchl){
    $mchl['url'] = trim($mchl['url'])!=""?$mchl['url']:"javascript:alert('请设置连接地址');";
    $class = $mid==$mchl[mid]?"thismenu":"";
    print <<<EOT
    --> {$chlext}<a href="$mchl[url]" class="$class">$mchl[mname]</a>
    <!--
    EOT;
    $chlext = "&nbsp;|&nbsp;";
    }print <<<EOT
    --> </div>
    <!--
    EOT;
    }print <<<EOT
    --> </li>
    <!--[if lte IE 6]>
    </td></tr></table>
    </a>
    <![endif]-->
    <!--
    EOT;
    }print <<<EOT
    -->      </ul>
        </div>
        <!---导航结束-->