不想用hack行吗？

sun0903 2009-07-09 10:54:56

例如#glink:44px;*#glink:60px;尽管ie6下严重变形，....想请大家给我一个方案代码如下！

<!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=utf-8" />
<title>11</title>
<style type="text/css">
body,html{margin:0px; padding:0px;}
ul{list-style:none;} /*没有列表符*/
#top{ wigth:100%; height:115px; background－color:#999999;}
#all{ float:left; width:1000px; height:115px;}
#logo{ float:left; width:150px; height:115px; background:url(images/logo.jpg); margin:0px 30px 0px 29px;}
#link{ float:right; width:790px; height:107px;}
#glink{ width:100%; height:44px;/*-firefox-*/ *height:60px; /*ie7*/ background-color:#CCCCCC;}
/*---导航栏---*/
#navbar{ /* 一级菜单 */
background: #FEFEFE;
background:transparent url(images/nav-bar-bg.jpg);
width:760px; color: #626262; height:20px; /* 图片背景定义固定高 */
}
#navbar li{ float:left; list-style-type:none; }
#navbar li a{ font-size:11px; font-weight:bold;}
#navbar li.one a{
font-style:italic; font-weight:bold; margin:0px; line-height:20px; padding:3px 10px 3px 10px; *padding:5px 10px 5px 10px;
color:#3E3E3E; text-decoration:none; /* 定意字体的padding属性 */
}
#navbar li.two a{
font-style:italic; font-weight:bold; margin:0px; line-height:20px; padding:3px 10px 3px 10px; *padding:5px 10px 5px 10px;
color:#3E3E3E; background:inherit; text-decoration:none; /* 定意字体的padding属性 */background-color:#E0E0E0; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;
}
#navbar li.three a{
font-style:italic; font-weight:bold; margin:0px; line-height:20px; padding:3px 10px 3px 10px; *padding:5px 10px 5px 10px;
color:#3E3E3E; background:inherit; text-decoration:none; /* 定意字体的padding属性 */
}
#navbar li.four a{
font-style:italic; font-weight:bold; margin:0px; line-height:20px; padding:3px 10px 3px 10px; *padding:5px 10px 5px 10px;
color:#3E3E3E; background:inherit; text-decoration:none; /* 定意字体的padding属性 */
}
#navbar li.five a{
font-style:italic; font-weight:bold; margin:0px; line-height:20px; padding:3px 10px 3px 10px; *padding:5px 10px 5px 10px;
color:#3E3E3E; background:inherit; text-decoration:none; /* 定意字体的padding属性 */
}
#nav{width:760px; background:url(images/nav-bg.jpg); height:28px; color:Maroon; line-height:28px;} /* 子菜单 */
#nav a{
text-align:left;
margin: 0px 2px 0 0;
padding: 5px 9px 5px 10px;
color:#666666;
text-decoration: none;
}
#nav a:hover{ text-decoration: none;} /* 没有下划线 */
.hide{ padding:2px; font-size:12px;}
</style>
</head>
<body>
<div id="top">
<div id="all">
<div id="logo"></div>
<div id="link">
<div id="glink"></div>
<div id="navbar">
<ul>
<li class="one"><a href="#" >Business model</a> </li>

<li class="two"><a href="#">BUSINESS PRODUCT&SERVERS</a> </li>
<li class="three"><a href="#" BUSINESS SOLUTIONS</a> </li>

<li class="four"><a href="#">HOW TO BUY</a> </li>
<li class="five"><a href="#">SUPPORT</a> </li>
</ul>
</div>

<div id="nav">
<div class="hide" ></div>

<div class="hide" >
<a href="#">2免费注册简历</a>
<a href="#">2求职管理</a>
<a href="#">2更新我的简历</a>
<a href="#">2视频求职</a>
<a href="#">2简历制作秘笈</a>
<a href="#">2面试指南</a>
<a href="#">2兼职职位</a>
<a href="#">2猎头职位</a>
</div>
<div class="hide">

</div>
<div class="hide">

</div>

<div class="hide" ></div>
</div>

</div>
</div>

</div>
</body>
</html>

...全文

27 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

打字员 2009-07-10

打赏
举报

上面没搞完全

你全换了看看...

<style type="text/css">
*{margin:0px; padding:0px;}
ul{list-style:none;} /*没有列表符*/
#top{ width:100%; background－color:#999999;}
#all{width:1000px;margin:0px auto;}
#logo{ float:left; width:180px; height:115px; background:url(images/logo.jpg) right center no-repeat;}
#link{ float:right; width:790px; height:107px;}
#glink{ width:100%; height:44px; background-color:#CCCCCC;}
/*---导航栏---*/
#navbar{ /* 一级菜单 */
background: #FEFEFE;
background:transparent url(images/nav-bar-bg.jpg);
width:760px; color: #626262; /* 图片背景定义固定高 */
}
#navbar ul{
width:100%;height:20px;
display:block;
overflow:hidden;
}
#navbar li{float:left;}
#navbar li a{display:block;float:left;color:#3E3E3E;font-style:italic;font-size:11px; font-weight:normal;line-height:20px; padding:0px 10px; text-decoration:none;background:inherit;font-family:Arial, Helvetica, sans-serif;}
#navbar li.two a{
color:#3E3E3E;background-color:#E0E0E0; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;
}
#nav{width:760px; background:url(images/nav-bg.jpg); height:28px; color:Maroon; line-height:28px;}
#nav a{
text-align:left;
margin: 0px 2px 0 0;
padding: 5px 9px 5px 10px;
color:#666666;
text-decoration: none;
}
#nav a:hover{ text-decoration: none;}
.hide{ padding:2px; font-size:12px;}
</style>

打字员 2009-07-10