我想让两个<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>
<%@ 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>
解决方案 »
- 新人表示很无助,关于通过javabean无法获取java表单内容的错误问题
- 有关java并发问题
- jar命令的使用
- 一个jsp的网站把access数据库换成了sqlserver数据库,一个页面运行不过去,求高手给改正
- 请帮我看看调用这个BEAN的时候问题出在那里??????????
- 高分请教怎么在WEB中用WINDOWS媒体播放器连续播放文件(MP3/RM什么的)?
- 请问各位同仁:有了解北京泰利特科技发展有限责任公司的吗,过几天要去面试了,
- struts2 漏洞,升级到2.3.15之后报There is no Action mapped for namespace [/] and action na
- tomcat7+java7Up13应用环境一直正常,最近访问特别慢,数据也很难提交成功,贴出日志,求大侠帮看看,谢谢
- 关于JSP HTTP Status 500 – Internal Server Error,求大神帮一下忙!
- 设置html页面加载模式
- 明明删掉了怎么还有
试试
试试
你在第二<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>
<body style=text-align:center>
都可以几种