求助：为何中间的导航条无法居中？_html/css_WEB-ITnose

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了求助：为何中间的导航条无法居中？_html/css_WEB-ITnose，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3502字，纯文字阅读大概需要6分钟。

内容图文

中间的导航条无论如何都不能居中 ?rz..本人刚开始学html和css，菜鸟一个，望各位高手能指点一二，谢谢！


css代码：

body {
background:#efefef;
text-align:center;
margin:0;
padding:0;
}

#main {
width:950px;
background:#fffacd;
margin:0 auto;
padding:0;
}

#header {
background:#0ff ;
height:180px;
width:950px;
margin:0 auto;
text-align:center;
}

#logo {
background:#044 url(logo.jpg) no-repeat;
width:950px;
height:150px;
margin:0;
padding:0;
}

/********************navbar******************/


#navbar {
margin:0 auto;
padding:0;
background:#ccc;
width:auto;
height:30px;
text-align:center;
}

#navbar ul {
list-style-type:none;
background:#CDB7B5;
width:auto;
margin:0 auto;
padding:0 auto;
height:30px;
clear:both;
}

#navbar ul li {
display:block;
float:left;
width:auto;
text-align:center;
}

#navbar ul li a {
padding:0 5px 0 5px;
height:30px;
float:left;
text-decoration:none;
background:#FFE1FF;
color:black;
line-height:1.5 em;

}

#navbar ul li a:hover {
color:#9C9C9C;
background:#CAE1FF;
}

#navbar .fg {
float:left;
width:1px;
height:30px;
background:black;
}

/********************************************/
#content {
background:#ffffe0;
width:950px;
padding:auto;
margin:auto;
overflow:hidden;
}

#footer {
background:#fff0f5;
width:950px;
height:100px;
padding:0;
margin:auto;
clear:both;
}

/*content内容 left,mid,right */
#left {
margin:0;
float:left;
width:200px;
}

#mid {
background:#0f0;
margin-top:0;
margin-left:4px;
float:left;
padding:0 auto;
width:562px;
height:250px;
}

#right {
background:#00f;
margin:0;
float:right;
width:180px;
padding:auto;
}


HTML：

回复讨论(解决方案)

你是在哪个浏览器下面看的？

我看了IE6/7/8没跑啊！

在firefox3.6和IE7下都不行啊.
#navbar 在两个浏览器下都是靠左的。

我没看见靠左 可能你的空行太多了 你应用原格式看看！

还是不行啊，楼上的能不能留个QQ教我下？

dtd ? html 前面 ，文?的第一行……

TO 楼上
在Dreamweaver里copy了这么一段，但还是不行..郁闷...

transitional.dtd">

charset=gb2312" 改成 charset=utf-8"

检查你的标签是否配对，书写是否正确，例如下面这个嵌套就是错误的。

• sdahg




• sdahg

的子元素只能是

• body里面margin: 0px auto

  呃..问题还是没解决..先自己多看看书再来提问，谢谢各位的回答了！

  #navbar ul li a {
  padding:0 5px 0 5px;
  height:30px;/*你这里我给你写的具体值，你可以跟100%*/
  float:left;
  text-decoration:none;
  background:#FFE1FF;
  color:black;
  line-height:1.5 em;这是你的源代码。在line-height里面；你给单位打了空格无效，出去空格，将值改为1.7em就可以，这样出现；
  #navbar ul {
  list-style-type:none;
  background:;
  width:200px;
  margin:0 auto;
  height:30px;看这个我给你把宽固定了才行，ul是块级元素你给它宽和他的父级元素一样大了。你在夫级里面只是控制到里面的容器，对内容没控制到，除非你重新布局安排ul；好早的帖子，可能对你都没用了；

内容总结

以上是互联网集市为您收集整理的求助：为何中间的导航条无法居中？_html/css_WEB-ITnose全部内容，希望文章能够帮你解决求助：为何中间的导航条无法居中？_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---