我在网上搜索了这个问题的解决方案,但我并不幸运。我知道为 IE 设计网页样式比看着长草更糟糕。
所以,我的填充有问题。它在 IE9 和所有其他浏览器中运行良好,但在 IE7 和 IE8 中失败。也可能是较低的版本(我稍后会检查)
UL 应该符合背景谢谢
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org
/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<style type="text/css">
a{font-weight:bold;color:#369;}
a:link{text-decoration:none;}
a:visited{color:#936;text-decoration:none;}
a:hover{text-decoration:underline;}
.manubar a:link{color: #FFFFFF;}
.manubar a:visited{color: #DFFFDF;}
.manubar{
padding:10px 0 0 0;
height:26px;
text-transform:uppercase;
background-color:#FF8C00;}
.manubar ul{list-style-type:none;padding:0;margin:0;}
.manubar ul li{text-align:center;border-left:1px solid
#999;display:block;float:left;}
.manubar ul li:first-child{border:0;}
.manubar ul li.insert{width:191px;}
.home{width:94px;}
.insert{width:94px;}
.offer{width:94px;}
.search{width:114px;}
</style>
</head>
<body>
<div style="height:30px; width:100%;">
<nav class="manubar">
<ul >
<li class="home" >
<a href="index.php">Home</a>
</li>
<li class="insert">
<a href="insert.php">Post</a>
</li>
<li class="offer">
<a href="offer.php">Offer</a>
</li>
<li class="search">
<a href="searching.php">Search</a>
</li>
</ul>
</nav>
</div>
</body>
</html>