网页布局+纯CSS纵向下拉菜单 IE6/IE7兼容


            网页布局+纯CSS纵向下拉菜单 IE6/IE7兼容
  
  
  
网页布局+纯CSS纵向下拉菜单  
  
  
  
  
  
  
  
  
  
*{  
  margin:0;  
  padding:0;  
  border:0;  
}  
html{  
  background:#bfc4c7;/*背景颜色*/  
}  
body{  
  font:12px/150% '宋体';  
  margin:0 auto;  
  width:770px;  
  text-align:center;  
}  
#menu,#nav,#footer{  
  clear:both;  
}  
#nav{  
  padding-left:20px;  
  text-align:left;  
  background:#a60;  
}  
#footer{  
  background:#a30;  
}  
#logo,#banner,#mail,#left,#middle,#right{  
  float:left;  
  width:180px;  
  background:#f00;  
}  
#logo,#banner,#mail{  
  height:60px;  
}  
#banner{  
  width:468px;  
  background:#f60;  
}  
#mail{  
  width:122px;  
  background:#f90;  
}  
#left,#right{  
  width:200px;  
}  
#left{  
  background:#093;  
}  
#middle{  
  width:370px;  
  background:#063;  
}  
#right{  
  background:#033;  
}  


/*menu部分*/  

#menu{  
  margin:0 auto;  
    
  width:770px!important;  
  clear:both  
}  
#menu ul{  
  list-style:none;  
}  
#menu li {  
  float:left;  
  position:relative;  
}     
#menu ul ul {  
  visibility:hidden;  
  position:absolute;  
  left:0px;  
  top:30px;   
}  
#menu table{  
  position:absolute;  
  left:0;  
  top:0;  
}  
#menu ul li:hover ul,#menu ul a:hover ul{  
  visibility:visible;  
}  
#menu a{  
  display:block;  
  text-align:center;  
  text-decoration:none;  
  width:77px;  
  height:30px;  
  color:#000;  
  line-height:30px;  
  background:#c9c9a7;  
}  
#menu a:hover{  
  color:#fff;  
  background:#b3ab79;  
}  
#menu ul ul li {  
  clear:both;  
  text-align:left;  
}  
#menu ul ul li a{  
  display:block;  
  width:77px;  
  height:30px;  
  background:#faeec7;  
  color:#000;  
}  
#menu ul ul li a:hover{  
  background:#dfc184;  
  color:#000;  
}  

  
  
  
    
    logo  
    
    
    banner  
    
    
    mail  
    
    
      
      
      第一分类  
          
            
                
                  
                XHTML    
                CSS    
                PHP    
                MySQL    
                Fireworks  
                Photoshop    
                Flash    
                Illustrator    
                
              
            
          
          
      
      
      第一分类  
          
            
                
                  
                XHTML    
                CSS    
                PHP    
                MySQL    
                Fireworks  
                Photoshop    
                Flash    
                Illustrator    
                
              
            
          
          
      
      
      第一分类  
          
            
                
                  
                XHTML    
                CSS    
                PHP    
                MySQL    
                Fireworks  
                Photoshop    
                Flash    
                Illustrator    
                
              
            
          
          
      
      
      第一分类  
          
            
                
                  
                XHTML    
                CSS    
                PHP    
                MySQL    
                Fireworks  
                Photoshop    
                Flash    
                Illustrator    
                
              
            
          
          
      
      
      第一分类  
          
            
                
                  
                XHTML    
                CSS    
                PHP    
                MySQL    
                Fireworks  
                Photoshop    
                Flash    
                Illustrator    
                
              
            
          
          
      
      
      第一分类  
          
            
                
                  
                XHTML    
                CSS    
                PHP    
                MySQL    
                Fireworks  
                Photoshop    
                Flash    
                Illustrator    
                
              
            
          
          
      
      
      第一分类  
          
            
                
                  
                XHTML    
                CSS    
                PHP    
                MySQL    
                Fireworks  
                Photoshop    
                Flash    
                Illustrator    
                
              
            
          
          
      
      
      第一分类  
          
            
                
                  
                XHTML    
                CSS    
                PHP    
                MySQL    
                Fireworks  
                Photoshop    
                Flash    
                Illustrator    
                
              
            
          
          
      
      
      第一分类  
          
            
                
                  
                XHTML    
                CSS    
                PHP    
                MySQL    
                Fireworks  
                Photoshop    
                Flash    
                Illustrator    
                
              
            
          
          
      
      
      第一分类  
          
            
                
                  
                XHTML    
                CSS    
                PHP    
                MySQL    
                Fireworks  
                Photoshop    
                Flash    
                Illustrator    
                
              
            
          
          
       
      
  
    
    您的位置:网站首页  
    
    
    left  
    
    
    middle  
    
    
    right  
    
    
    footer  
    
  

  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]