これは天に反することです。ブラウザの非互換性_html/css_WEB-ITnose の問題

问题就是在firefox，ie8里页面底部的文字和背景图会灵异的跑到最顶端，在导航条之上。。。实在是想不出为什么。。拜托各位了！！


首先，html代码：是模板页的

    
      
      <script></script>
      <script> <br /> $(function(){ <br /> $menuLi = $(".menu>ul>li"); <br /> $menuLi.hover(function() { <br /> $(this).addClass("selected"); <br /> },function(){ <br /> $(this).removeClass("selected"); <br /> }) <br /> }) <br /> </script>
      
       


    

    

        

          

          
• 
    
          

        

Px＆gt; lt;/a＆gt;＆gt;＆lt; >背景を入力会社ニュース ;li>開発プロセス< ;/a>

. 商品の表示 a>&g
                    

商务合作
                        

                        
• 合作信息

                        
• 联系方式

                        

                    

                    

加入网能达
                        

                        
• 招聘信息

                        
• 招聘电话

                        

                    

                
            

        

            
            
        

        
   
   

        

• Copyright © 2012深圳市网能达科技有限公司 All rights reserved 

        

css：

body {text-align:center;background-repeat:no-repeat; 幅:990ピクセル; マージン:0 自動; パディング:0px;  背景:url(../images/body_sky.jpg) no-repeat;}
div,form,ul,ol,li,span,p{ border:0px; パディング:0px; マージン:0px; font-size:12px;list-style:none;}
ul,ol,li{list-style:none}
a{color:Black; text-decoration:none;}
a:hover{color:Red;}
img{ border:none;}

.xbody{width:990px​​; テキスト整列:左; マージン:0 自動; 高さ:95%;}
.head{高さ:100px; }
.head li{ float:left;}
.for{position: relative; 左:900ピクセル; 上:70ピクセル; フォントサイズ:16px; フォントスタイル:斜体; font-weight:bolder;}




.menu{width:990px​​; フロート:左; 表示:インライン; 高さ:30ピクセル; 背景画像:url(../images/bar.gif); margin:10px auto;}
.menu ul,.menu li{float:left; 表示:インライン; 位置:相対;}
.menu li a,.menu li a:hover{display:block; フロート:左; 行の高さ:30px; 幅:160ピクセル; テキスト整列:中央; 色:#FFF; font-size:14px;}
.menu li.selected a,.menu li a:hover{background:#008000; フォントの太さ:太字; color:#00F;}
.menu ul li ul{position:absolute; 左:0ピクセル; 上:30ピクセル; ディスプレイ:なし; width:160px;}
.menu ul li.selected ul{display:block;}
.menu li.selected li a,.menu li.selected li a:hover{background:#4490CE; 色:#000; font-weight:normal;}
.menu li.selected li a:hover{background:#000; color:#FFF;}

.footer
{
text-align:center;
background-image:url(../images/foot_bg.jpg);

}

回复讨论(解决方案)

你在フッター上面加个float:left

你在フッター上面加个float:左跪跪Q立竿の写真。そうでしょうか？

問題は上の層が浮遊しているため、他の你結果に影響を与えます

問題は上の層が浮遊しているため、他の你結果に影響を及ぼします。 footer加上个clear:both应该也没问题的再帮到我了

我想说加了.clear{clear:both 好像也还是没用哦

css欠陥页面看得很痛苦...大致停止には除去の理由はありません。

• 
  

style="width: 228px; height: 86px;"/>
この二つの行の高さは一致しません~ これは共存面で造成错误的~

另一面~

• Copyright © 2012深圳市网能达科技有限公司 All rights reserved

加个清理就好了~

大哥，我是分离样式和页面文件的写法，在你样式文件的写.clear{clear:both}然后在页面文件里面参照

直接加就要这样写