|
阅读：5425回复：2
FF和IE的显示不同，FF显示正确的布局，IE则显示乱了。
我做了个导航栏，在FF里显示正确的布局，但是在IE里就不行了。由于我是刚学的，我搞了两天都搞不好它，我在下面贴出代码，请大家帮忙看看代码，应该怎样改，谢谢!
有蓝色背景色和边框的，想用来显示当前在哪一页的标记，其他的位置都好搞，但是那个标记在IE里总是不能顶上去，而且还好像不够高，内容都显示不完整。 <!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 name="author" content="Luka Cvrk (www.solucija.com)" />
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
<style type="text/css">
#nav_main {margin:0 auto;background: #FF9148;width:950px;height:28px;}
#nav {margin:10px 0 0 18px;text-align:center;padding : 0;}
#nav li {
float: left;
list-style-type: none;
padding:7px 0 0;
background-image: url(images/header_mm_sep.jpg);
background-repeat: no-repeat;
background-position: right 9px;
}
#nav a {color:#036;text-decoration:none;display: block;width: 100px;line-height:10px;}
#nav li.last {
background-image: none;
}
#nav a#researchCurrent
{
background-color:#E2EAF5;
border-top:3px solid #33CCFF;
margin:-7px 5px;
height:30px;
padding:3px 0 0;
}
</style>
<title>Internet Services</title>
</head>
<body class="researchCurrent">
<div class="content">
<div id="nav_main">
<ul id="nav">
<li><a href="#" title="home" id="homeCurrent">home</a></li>
<li><a href="#" title="relationships" id="relationshipCurrent">relationships</a></li>
<li><a href="#" title="research" id="researchCurrent">research</a></li>
<li><a href="#" title="marketplace" id="marketplaceCurrent">marketplace</a></li>
<li><a href="#" title="events" id="eventCurrent">events</a></li>
<li><a href="#" title="jobs" id="jobCurrent">jobs</a></li>
<li><a href="#" title="messaging" id="messCurrent">messaging</a></li>
<li><a href="#" title="profiles" id="profileCurrent">profiles</a></li>
<li class="last"><a href="#" title="search center" id="searchCurrent">search center</a></li>
</ul>
</div>
</div>
</body>
</html> |
|
|
|
1楼#
发布于：2007-03-02 15:56
|
|
|
2楼#
发布于：2007-03-02 15:56
LZ 像我那样做两个 CSS 吧，要让他们兼容还不如让他们各用各，没有那么头痛，我现在对 IE6 是彻底的厌恶了！
|
|
