急,DIV+CSS制作导航条自动换行问题

这是我的代码
<div id="header" width=100%>
<div id="menu">
<ul>
<li><a href="index.asp" target="_blank">首页</a></li>
<li class="menuDiv"><li>
<li><a href="ershou.htm" target="_blank">二手物品</a></li>
<li class="menuDiv"><li>
<li><a href="house.htm" target="_blank">房产信息</a>
<li>
<li class="menuDiv"><li>
<li><a href="bianmin.html" target="_blank">便民信息</a>
<li>
<li class="menuDiv"><li>
<li><a href="zhekou.html" target="_blank">新品上市/品牌折扣</a>
<li>
<li class="menuDiv"><li>
<li><a href="dianpu.html" target="_blank">店铺信息</a>
<li>
<li class="menuDiv"><li>
<li><a href="qita.html" target="_blank">其他信息</a>
<li>
</ul>
</div>
<div id="banner">
</div>
</div>
#header{width:980;margin:0 0;height:28px;backgrond:#ffcc99;white-space: nowrap}
#menu ul{float:left;list-style:none;margin:0px;white-space: nowrap}
#menu ul li{float:left;margin:0 10px;display:block;line-height:28px;}
#menu{padding:0px 2px 0 0}
.menuDiv{width:1px;height:28px;background:#999}
#menu ul li a:link,#menu ul li a:visited{font-weight:bold;color:#666}
#menu ul li a:hover{color:#ff0000}
当窗口不是最大化时,好像是导航条的宽度不够似的,导航条内的内容就会自动换行,成两行显示,在当前窗口显示出来。请问应该如何解决这个问题啊?
让导航条无论是多大窗口都在一行显示出来。谢谢!
最新回答
相思故

2024-04-14 11:53:33

问题出在 ID为header 的层。
1. header层的宽度的正确写法:width:980px; 问题解决了。
(一定要带上单位,不然会有意想不到的错误出现。)

2. 还有,去掉代码里的 width=100%,首先这种写法是不正确的。如果在代码里引用CSS 应该是 <div id="header" style="width:980px;"></div>

祝好运!