浮动导航在IE6中损坏
|
我的网站的导航可以在IE6以外的其他浏览器上正确呈现。
问题
而不是这样显示列表：关于|服务，每个出现在新行中，例如：
Home
About
Services
Community Pages
<li>
<a>
<div id=\"nav\">
<ul>
<li class=\"top1space2\"><a href=\"index.php\" title=\"Go To Our Home Page\" class=\"top1space3\">Home</a></li>
<li class=\"top1space2\"><a href=\"#\" title=\"More Jobs on Ngcareers\">More Jobs</a>
<ul>
<?php $count=count($c_id);for ($i=0;$i<$count;$i++){ ?>
<li><b><a href=\"category/<?php echo $c_slug[$i];?>\" >» <?php echo $c_name[$i];?></a></b></li>
<?php } ?>
<li class=\"clearfloat\"> </li>
</ul>
</li>
<li class=\"top1space2\"><a href=\"graduatejobs.php\">Graduate Jobs</a></li>
<li class=\"top1space2\"><a href=\"vacancy.php\">Post A Job</a></li>
<li class=\"top1space2\"><a href=\"month.php\" >Jobs This Month</a></li>
<li class=\"top1space2\"><a href=\"jobalert.php\" >GSM Job Alert</a></li>
<li class=\"top1space2\"><a href=\"employers.php\" >Employers</a></li>
<li class=\"top1space2\"><a href=\"submitcv.php\"> Submit CV</a></li>
<li class=\"top1space2\"><a href=\"subscribe.php\" >Subscribe</a></li>
<li class=\"top1space2\"><a href=\"advertise.php\">Advertise</a></li>
<li class=\"top1space2\"><a href=\"/about/contact-us\">Contact</a></li>
</ul>
</div>
#nav ul {
padding: 0px;
width: 1020px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
list-style-type: none;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
height: 32px;
}
#nav ul li {
float: left;
display: block;
}
.top1space2 {
background-color: #086DA1;
background-image: url(../pics/slice1.jpg);
background-repeat: repeat-x;
display: block;
height: 36px;
}
.top1space3 {
color: #000;
font-weight: bold;
background-color: #F93;
background-image: url(../pics/slice2.jpg);
background-repeat: repeat-x;
}
#top1space3 {
color: #FFF;
font-weight: bold;
background-color: #111;
background-image: url(../pics/btnbg.jpg);
background-repeat: repeat-x;
}
#nav ul .top1space2 a {
color: #FFC;
text-decoration: none;
font-weight: bold;
font-size: 12px;
display: block;
height: 36px;
line-height: 36px;
text-align: center;
padding-right: 10px;
padding-left: 10px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #9CF;
}
#nav ul .top1space2 a:hover {
color: #000;
text-decoration: none;
cursor: pointer;
background-color: #F93;
background-image: url(../pics/slice2.jpg);
background-repeat: repeat-x;
}
#nav ul .top1space2:hover {
cursor: pointer;
}
没有找到相关结果
已邀请:
2 个回复
辟官陡板休
作为渲染浮动元素。 您可以对IE6 / 7使用此规则来修复布局。#nav ul li { float: left; display: block; width:0; white-space:nowrap; }，例如：#nav ul li { float: left; display: block; width:0; white-space:nowrap; } #nav ul > li { width:auto; }艰管垮淮