163问题

gdmen [楼主]

月亮喵声

初级会员

帖子: 56
体力: 134
威望: 0
当前: 北京朝阳区
离线: 20 天

1^# 大中小发表于 2008-7-1 15:25

在火狐和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" xml:lang="zh-cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
body{width:1024px;height:1000px;text-align: center; font-family:"宋体", arial;background: #fff; font-size:12px; 
color:#000;padding:0px;}
/*  登陆  */
#denglu{margin:0 auto;width:750px;height:35px;clear:both;}
#denglu .l{padding:0px 0 0 7px;}
#denglu .l1{float:left;padding:3px 0 0 5px;}
#denglu .l2{float:left;}
#denglu .l2 input{width:50px;border:1px;}
#denglu .l3{float:left;}
#denglu .l4{float:left;}
#denglu .l4 input{background:url("images/input_bg3.gif");font-size:12px;border:0px;height:20px; width:48px;}
/*  导航  */
#content #mail {float:left; width:58px; padding:14px 0 0;}
#content #mail a{display:block; width:55px; height:40px; background:url("images/163regmail.gif");}
#content #mail a:hover{background-position:bottom;}
#content #titl{float:left; width:121px; padding:15px 0 0 5px;}
#content{margin:0 auto; width:750px; height:68px; background:#F0F7FD; border:1px solid #CBCBCB;}
#content #mymenu {float:right;margin:9px 0 0;width:566px;}
#content #mymenu .menu{float:left;overflow:hidden;height:54px;}
#content #mymenu .s1{width:162px;}
#content #mymenu .s2{width:119px;}
#content #mymenu .s3{border-right:1px solid #aaa;}
#content #mymenu .menu li{clear:both;float:left;color:#aaa;width:100%;text-align:left;height:20px;}
#content #mymenu .menu li a{color:#000;}
#content #mymenu .menu li a:hover {color:#bc2931;}
#content #mymenu .menu li a:visited {color:#000;}
#content #mymenu .menu li .toper {font-weight:bold;float:left;}
#content #mymenu .menu li .toper:link {color:#1f3a87;}
#content #mymenu .menu li .toper:hover {color:#bc2931;}
#content #mymenu .menu li .toper:visited {color:#1f3a87;}
#content #mymenu .menu ul{margin:0;float:left;}
#ban {margin:0 auto;width:750px;height:50px;background:#eeeeee;margin-top:3px;}
#youdao {margin:0 auto;width:750px;height:70px;background:#fff;margin-top:3px;}
#youdao #youdao1{border:1px solid #aaa;width:750px;height:1px;margin-top:0px;background:url
("http://images.163.com/yodao/pack70871/yodaoarea_topblueback.gif");}
#youdao #youdao2{background:#aaa}
#youdao #youdao2 #youjiao{float:right;position:relative;top:-4px;left:2px;}
#youdao #youdao3 span{width:300px;position:relative;top:15px;left:100px;}
#youdao #youdao3 span a{text-align:center; font-family:"宋体";font-size:15px;}
</style>
</head>
<body>

<div id="denglu">
<div class="l1 l"><a href="#">注册</a> <a href="#">通行证</a>|<a href="#">邮箱</a> </div>
<div class="l1 l">用户名</div>
<div class="l2 l"><input type="password" name="password" /></div>
<div class="l1 l">密码</div>
<div class="l2 l"><input type="password" name="password" /></div>
<div class="l3 l">
<SELECT NAME="Cats" SIZE="1">
<OPTION VALUE="1">163油箱
<OPTION VALUE="2">126邮箱
<OPTION VALUE="3" SELECTED>网一通行证
</SELECT>
</div>
<div class="l4"><input type="submit" value="登陆" /></div>
<div class="l1">
<a href="#">免费邮</a> <a href="#">VIP邮箱</a> <a href="#">188财富邮</a> 一卡通：<a href="#">充值中心</a> <a 
href="#">在线购买</a>
</div>
</div>
<div id="content">
<div id="titl"><a href="#"><img src="images/logo.gif" alt="网易" width="111" height="36" border="0" /></a>
</div>
<div id="mail"><a href="#"></a>
</div>
<div id="mymenu">
<div class="menu s1 s3">
<ul>
<li><a class="toper" href="#">新闻</a> | <a href="#">北京</a> |<a href="#">军事</a> | <a href="#">图片</a></li>
<li><a class="toper" href="#">体育</a> | <a href="#">dNBA</a> |<a href="#">奥运</a> | <a href="#">英超</a></li>
<li><a class="toper" href="#">娱乐</a> | <a href="#">明星</a> |<a href="#">电影</a> | <a href="#">电视</a></li>
</ul>
</div>
<div class="menu s1 s3">
<ul>
<li><a class="toper" href="#">财经</a> | <a href="#">股票</a> |<a href="#">基金</a> | <a href="#">商业</a></li>
<li><a class="toper" href="#">科技</a> | <a href="#">数码</a> |<a href="#">探索</a> | <a href="#">股吧</a></li>
<li><a class="toper" href="#">女人</a> | <a href="#">时尚</a> |<a href="#">情爱</a> | <a href="#">美容</a></li>
</ul>
</div>
<div class="menu s2 s3">
<ul>
<li><a class="toper" href="#">汽车</a> | <a href="#">车库</a> | <a href="#">游戏</a></li>
<li><a class="toper" href="#">手机</a> | <a href="#">相机</a> | <a href="#">电脑</a></li>
<li><a class="toper" href="#">房产</a> | <a href="#">家具</a> | <a href="#">健康</a></li>
</ul>
</div>
<div class="menu s2">
<ul>
<li><a class="toper" href="#">boke</a> | <a href="#">牛博</a>| <a href="#">拍拍</a></li>
<li><a class="toper" href="#">论坛</a> | <a href="#">读书</a>| <a href="#">播吧</a></li>
<li><a class="toper" href="#">亲子</a> | <a href="#">星座</a>| <a href="#">彩票</a></li>
</ul>
</div>
</div>
</div>
<div id="ban"><iframe 
src="http://pro.163.com/html.ng/site=netease&affiliate=homepage&cat=homepage&type=column&location=1" width="750" 
height="90" frameborder="0" scrolling="no" marginwidth="0" marginheight="0"></iframe>
</div>
<div id="youdao">
<div id="youdao1"></div>
<div id="youdao2"><img 
src="http://images.163.com/yodao/pack70871/ystoprightbackground.gif");width="100";height="50"; id="youjiao"/></div>
<div id="youdao3"><span><a href="#">网页</a>|    <a href="#">图片</a>  | <a href="#">新闻</a>|    <a href="#">博客
</a></span></div>
<div id="youdao4"></div>
</div>
</body>
</html>

提示：您可以先修改部分代码再运行

TOP

做西部数码代理.Cn1元国际45元 | 将虚拟化进行到底

irini

腻歪

初级会员

帖子: 34
体力: 70
威望: 0
离线: 4 天

专长 网页设计,前端制作

2^# 大中小发表于 2008-7-1 15:36

Menu的部分在火狐下默认左侧有内边距，设成#content #mymenu .menu ul {padding:0;}就行了

TOP

【美橙超级G空间】688元绑定10个子目录 | oracle工程师注册

‹‹ 上一主题 | 下一主题 ››