我想让两个<div>都居中,可是只有第一个<div>居中了,第二个有导航菜单的<div>却不能居中,它在IE不行,在火狐就行,请高手帮忙....
<%@ page language="java" contentType="text/html; charset=gb18030"%>
<%
String path = request.getContextPath();
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb18030" />
<style type="text/css">
div_center{margin:0;padding:0;border:0; position:absolute;}
#div_center {width:760px; height:23px; background:#55A0FF; margin-left: auto;margin-right:auto; } /*定义总体宽度、高度;background:003399; 控制背景颜色,居中对齐*/ 
#nav { line-height: 23px; list-style-type: none; margin-top:0px; margin-left:auto; margin-right:auto}         /*控制一级菜单行高;上边距5px;*/   
#nav a { display: block; width: 100px; text-align:center; font-size:14px;font-weight:bold;} /*一级菜单链接总体样式:每个菜单的宽,居中对齐,文字大小*/ 
#nav a:link { color:#FFF; text-decoration:none;margin:0;}     /* 未访问的链接 */   
#nav a:visited {color:#FFF;text-decoration:none;margin:0;}    /* 已访问的颜色 */ 
#nav a:hover {color:#3AA9C5;text-decoration:none;}                /* 鼠标在链接上 */#nav li {float: left;}                   /* 一级菜左对齐 */ 
#nav li a:hover{background:#FFFFFF;}     /* 鼠标在一级菜单上改变其背景色 */ 
#nav li ul {line-height: 24px; background:#FFF; list-style-type: none;text-align:left;left: -999em; width:132px; position: absolute;border-width: 1px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-color: #999999;  padding:1px;}             /*二级菜单总体样式:行高24px;背景颜色;外框宽度;相对位置;边框一个象素,上边没样式,左右下边实线,边框颜色#003399;内边距1个象素*/#nav li ul a{display:block; width: 130px;text-align:left;padding-left:2px; font-size:12px;border-width: 1px;border-bottom-style: dotted;border-bottom-color:#999999;}                 /* 二级菜单链接样式;背景宽度、左对齐,左缩进2 */
#nav li ul a:link {color:#666; text-decoration:none;}                                   /* 未访问的链接 */ 
#nav li ul a:visited {color:#666;text-decoration:none;}                                 /* 已访问的链接 */
#nav li ul a:hover {color:#FFF;text-decoration:none;font-weight:bold;background:#55A0FF;}/* 鼠标在链接上 */#nav li:hover ul {left: auto;}
#nav li.sfhover ul {left: auto;}
#content {clear: left;}.cr_top{
color:#FFF;
font-size:14px;
}</style></head>
<body>
<script type=text/javascript>
<!--
function menuFix() {
    var sfEls = document.getElementById("nav").getElementsByTagName("li");
    for (var i=0; i<sfEls.length; i++) {
        sfEls[i].onmouseover=function() {
        this.className+=(this.className.length>0? " ": "") + "sfhover";
        }
        sfEls[i].onMouseDown=function() {
        this.className+=(this.className.length>0? " ": "") + "sfhover";
        }
        sfEls[i].onMouseUp=function() {
        this.className+=(this.className.length>0? " ": "") + "sfhover";
        }
        sfEls[i].onmouseout=function() {
        this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"), 
"");
        }
    }
}
window.onload=menuFix;
//--></script>
<div align="center">好烦啊....</div>
<div id="div_center" ><ul  id=nav  >   <li><a  href="#" >业务管理</a>
     <ul>
       <li><a href="<%=path%>/fzr/yewugl.do?method=fenpeils_shouye"  >分配指导老师</a></li>
          <iframe  style="position:absolute; top:0px; left:1px; width:131px; height:24px;   z-index:-1; " frameborder="0" scrolling="no"></iframe>
       <li><a href=""  >学生选题管理</a></li>
          <iframe  style="position:absolute; top:0px; left:1px; width:131px; height:24px;   z-index:-1; " frameborder="0" scrolling="no"></iframe>      <li><a href=""  >录入学生成绩</a></li>
          <iframe  style="position:absolute; top:0px; left:1px; width:131px; height:24px;   z-index:-1; " frameborder="0" scrolling="no"></iframe>
      
      <li><a href="<%=path%>/fzr/yewugl.do?method=shenhejskt_shouye"  >审核教师课题</a></li>
          <iframe  style="position:absolute; top:0px; left:1px; width:131px; height:24px;   z-index:-1; " frameborder="0" scrolling="no"></iframe>
      
      <li><a href="<%=path%>/fzr/yewugl.do?method=szzdyrs_shouye"  >设置自定义课题最高人数</a></li>
          <iframe  style="position:absolute; top:0px; left:1px; width:131px; height:24px;   z-index:-1; " frameborder="0" scrolling="no"></iframe>
      
      <li><a href="<%=path%>/fzr/yewugl.do?method=jzsj_shouye"  >填报及录题时间管理</a></li>
          <iframe  style="position:absolute; top:0px; left:1px; width:131px; height:24px;   z-index:-1; " frameborder="0" scrolling="no"></iframe>
      
      <li><a href="<%=path%>/fzr/yewugl.do?method=jsrenshuxz_xgxx"  >教师指导学生人数限制</a></li>
          <iframe  style="position:absolute; top:0px; left:1px; width:131px; height:24px;   z-index:-1; " frameborder="0" scrolling="no"></iframe>
      
     </ul>
   
   </li>   <li><a  href="#" >综合查询</a>
       <ul>
       
          <li><a href="<%=path%>/fzr/zonghegl.do?method=zonghegl_jiaoshiktqk"  >教师课题情况</a></li>
             <iframe  style="position:absolute; top:0px; left:1px; width:131px; height:24px;   z-index:-1; " frameborder="0" scrolling="no"></iframe>
          <li><a href="<%=path%>/fzr/yewugl.do?method=xsxtqk_shouye"  >学生选题情况</a></li>
             <iframe  style="position:absolute; top:0px; left:1px; width:131px; height:24px;   z-index:-1; " frameborder="0" scrolling="no"></iframe>
                  
       </ul>
   
   </li>   <li><a  href="#">打印报表</a>
      <ul>          <li><a href=""  >指导老师明细</a></li>
              <iframe  style="position:absolute; top:0px; left:1px; width:131px; height:24px;   z-index:-1; " frameborder="0" scrolling="no"></iframe>
          <li><a href=""  >教师课题明细</a></li>
              <iframe  style="position:absolute; top:0px; left:1px; width:131px; height:24px;   z-index:-1; " frameborder="0" scrolling="no"></iframe>
          <li><a href=""  >课题选择情况</a></li>
              <iframe  style="position:absolute; top:0px; left:1px; width:131px; height:24px;   z-index:-1; " frameborder="0" scrolling="no"></iframe>
      
          <li><a href=""  >学生选题志愿详细</a></li>
              <iframe  style="position:absolute; top:0px; left:1px; width:131px; height:24px;   z-index:-1; " frameborder="0" scrolling="no"></iframe>    
          <li><a href=""  >课题分配情况</a></li>
              <iframe  style="position:absolute; top:0px; left:1px; width:131px; height:24px;   z-index:-1; " frameborder="0" scrolling="no"></iframe>   
          <li><a href=""  >学生论文成绩</a></li>
              <iframe  style="position:absolute; top:0px; left:1px; width:131px; height:24px;   z-index:-1; " frameborder="0" scrolling="no"></iframe>  
          <li><a href=""  >课题情况统计</a></li>
              <iframe  style="position:absolute; top:0px; left:1px; width:131px; height:24px;   z-index:-1; " frameborder="0" scrolling="no"></iframe> 
          <li><a href=""  >论文情况统计</a></li>
              <iframe  style="position:absolute; top:0px; left:1px; width:131px; height:24px;   z-index:-1; " frameborder="0" scrolling="no"></iframe> 
       
      </ul>   </li></ul></div>
</body>
</html>

解决方案 »

  1.   

    补上:是屏幕居中,不是<div>里面的内容居中
      

  2.   

    <body style=text-align:center>
    试试
      

  3.   

    <div id="div_center" align="center">
    试试
      

  4.   

    <div style="text-align:center;"></div>
      

  5.   

    <div id="div_center" align="center"> 
      

  6.   

    好像也可以再body下面加 <center>然后在后面加</center>   
      

  7.   

    用嵌套方式
    你在第二<div>个外在加个<center></center>就居中了,我试了可以

    <div align="center">好烦啊....</div>
    <center>
    <div id="div_center"  ><ul  id=nav  >   <li><a  href="#" >业务管理</a>
         <ul>
           <li><a href="<%=path%>/fzr/yewugl.do?method=fenpeils_shouye"  >分配指导老师</a></li>
              <iframe  style="position:absolute; top:0px; left:1px; width:131px; height:24px;   z-index:-1; " frameborder="0" scrolling="no"></iframe>
           <li><a href=""  >学生选题管理</a></li>
              <iframe  style="position:absolute; top:0px; left:1px; width:131px; height:24px;   z-index:-1; " frameborder="0" scrolling="no"></iframe>      <li><a href=""  >录入学生成绩</a></li>
              <iframe  style="position:absolute; top:0px; left:1px; width:131px; height:24px;   z-index:-1; " frameborder="0" scrolling="no"></iframe>
          
          <li><a href="<%=path%>/fzr/yewugl.do?method=shenhejskt_shouye"  >审核教师课题</a></li>
              <iframe  style="position:absolute; top:0px; left:1px; width:131px; height:24px;   z-index:-1; " frameborder="0" scrolling="no"></iframe>
          
          <li><a href="<%=path%>/fzr/yewugl.do?method=szzdyrs_shouye"  >设置自定义课题最高人数</a></li>
              <iframe  style="position:absolute; top:0px; left:1px; width:131px; height:24px;   z-index:-1; " frameborder="0" scrolling="no"></iframe>
          
          <li><a href="<%=path%>/fzr/yewugl.do?method=jzsj_shouye"  >填报及录题时间管理</a></li>
              <iframe  style="position:absolute; top:0px; left:1px; width:131px; height:24px;   z-index:-1; " frameborder="0" scrolling="no"></iframe>
          
          <li><a href="<%=path%>/fzr/yewugl.do?method=jsrenshuxz_xgxx"  >教师指导学生人数限制</a></li>
              <iframe  style="position:absolute; top:0px; left:1px; width:131px; height:24px;   z-index:-1; " frameborder="0" scrolling="no"></iframe>
          
         </ul>
       
       </li>   <li><a  href="#" >综合查询</a>
           <ul>
           
              <li><a href="<%=path%>/fzr/zonghegl.do?method=zonghegl_jiaoshiktqk"  >教师课题情况</a></li>
                 <iframe  style="position:absolute; top:0px; left:1px; width:131px; height:24px;   z-index:-1; " frameborder="0" scrolling="no"></iframe>
              <li><a href="<%=path%>/fzr/yewugl.do?method=xsxtqk_shouye"  >学生选题情况</a></li>
                 <iframe  style="position:absolute; top:0px; left:1px; width:131px; height:24px;   z-index:-1; " frameborder="0" scrolling="no"></iframe>
                      
           </ul>
       
       </li>   <li><a  href="#">打印报表</a>
          <ul>          <li><a href=""  >指导老师明细</a></li>
                  <iframe  style="position:absolute; top:0px; left:1px; width:131px; height:24px;   z-index:-1; " frameborder="0" scrolling="no"></iframe>
              <li><a href=""  >教师课题明细</a></li>
                  <iframe  style="position:absolute; top:0px; left:1px; width:131px; height:24px;   z-index:-1; " frameborder="0" scrolling="no"></iframe>
              <li><a href=""  >课题选择情况</a></li>
                  <iframe  style="position:absolute; top:0px; left:1px; width:131px; height:24px;   z-index:-1; " frameborder="0" scrolling="no"></iframe>
          
              <li><a href=""  >学生选题志愿详细</a></li>
                  <iframe  style="position:absolute; top:0px; left:1px; width:131px; height:24px;   z-index:-1; " frameborder="0" scrolling="no"></iframe>    
              <li><a href=""  >课题分配情况</a></li>
                  <iframe  style="position:absolute; top:0px; left:1px; width:131px; height:24px;   z-index:-1; " frameborder="0" scrolling="no"></iframe>   
              <li><a href=""  >学生论文成绩</a></li>
                  <iframe  style="position:absolute; top:0px; left:1px; width:131px; height:24px;   z-index:-1; " frameborder="0" scrolling="no"></iframe>  
              <li><a href=""  >课题情况统计</a></li>
                  <iframe  style="position:absolute; top:0px; left:1px; width:131px; height:24px;   z-index:-1; " frameborder="0" scrolling="no"></iframe> 
              <li><a href=""  >论文情况统计</a></li>
                  <iframe  style="position:absolute; top:0px; left:1px; width:131px; height:24px;   z-index:-1; " frameborder="0" scrolling="no"></iframe> 
           
          </ul>   </li></ul></div>
    </center>
      

  8.   

    还有就上面说的
    <body style=text-align:center>
    都可以几种