本帖最后由 lxyc 于 2009-9-30 17:20 编辑
我网站的导航页，如下图，我用宽屏模式打开网页的时候，蓝条以上的部分就自己变的很长，如何将蓝条以上部分也和下面宽度一致？，是蓝条以上部分，不只蓝条变长，还有蓝条上面的白色的条子也是变宽的。先谢谢了
下面是代码
<!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=GB2312" />
<bgsound src="images/home/music.mp3" loop=3>
<style type="text/css">
<!--
* { word-wrap: break-word; }
body { {BGCODE}; text-align: center; }
body { text-align:center; font-family: 宋体, serif; margin:0; padding:0; background: #FFFFFF; font-size:12px; color:#000000; }
td, input, textarea, select, button { color: {TABLETEXT}; font: {FONTSIZE}/1.6em {FONT}; }
body, ul, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
#menu li, .popupmenu_popup li, #announcement li, .portalbox li, .tabs li, .postmessage fieldset li, .side li, .formbox li, .notice li { list-style: none; }
a { color: {LINK}; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none; }
.s4 {
FONT-SIZE: 12px; COLOR: #0071b5; LINE-HEIGHT: 18px; TEXT-DECORATION: none
}
.s7 {
FONT-SIZE: 12px; COLOR: #ff6600; TEXT-DECORATION: none
}
em, cite, strong, th { font-style: normal; font-weight: normal; }
table { empty-cells: show; border-collapse: collapse; }
.index_top{ height:100px; background:url(images/home/top_bg.gif); overflow:hidden;margin-bottom:5px; }
.index_top_main{ width:950px; height:66px; margin:0 auto; text-align:left; position:relative; }
.index_top_logo{ width:200px; height:66px; }
.welcome{ float:left; margin-top:5px; margin-left:30px; color:#014ccc; }
.index_top_right{ width:700px; height:66px; right:-1px; top:0; overflow:hidden; z-index:1; background:url(images/home/naviBg.gif) top left no-repeat; text-align:right; position:absolute; }
.index_top_dh{ height:26px; margin-top:6px; overflow:hidden; }
.index_top_dh_Btn{ padding:0 11px 0 13px; }
.index_top_dh_help{ cursor:help; }
.index_top_Menu{ width:480px; height:29px; right:-1px;bottom:0; z-index:3; background:url(images/home/menuBg.gif) bottom repeat-x; position:absolute; }
.index_top_menuList{ width:480px; height:29px; overflow:hidden; background:url(images/home/menuSide.gif) right bottom no-repeat; list-style-type:none; }
.index_top_menuList li{float:left;height:29px;background:url(images/home/menuSplit.gif) left bottom no-repeat}
.index_top_menuList li span{display:block;padding:8px 16px 0 16px}
.index_top_menuList li a:hover{color:#ff5500;text-decoration:none;background:url(images/home/menuBgOver.gif) bottom repeat-x;display:block;float:left;height:29px}
.index_top_menuList .menuHome{ height:29px; padding-left:10px; background:url(images/home/menuLeft.gif) left bottom no-repeat; }
.head_menu{ width:952px; height:35px; left:-1px; top:65px; overflow:hidden; z-index:0; background:url(images/home/Head_Menu_Bg.gif) repeat-x; position:absolute; }
.head_menu_left{ width:60px; height:35px; float:left; background:url(images/home/menu_left.gif) no-repeat; }
.head_menu_right{ width:60px; height:35px; float:right; background:url(images/home/menu_right.gif) no-repeat; }
.head_bbsNav{ width:815px; float:left; margin-top:8px; margin-left:15px; }
.head_bbsNav ul{}
.head_bbsNav li{ color:#FFFFFF; }
.head_bbsNav li a{ font-weight:bold; background:url(images/home/menu_line.gif) 5px 5px no-repeat; padding:4px 5px 5px 16px;}
.head_bbsNav li a:link {color: #FFFFFF; text-decoration:none;}
.head_bbsNav li a:visited {color: #FFFFFF;text-decoration:none;}
.head_bbsNav li a:hover {color:#FFFFFF; text-decoration:underline;}
.head_bbsNav li a:active {color: #FFFFFF;}
img { border:0px;}
.left{ float:left;}
.right{ float:right;}
.fcgreen {color:#228B22;}
.hc{ display:none;}
.sc{ display:block;}
.c{ clear:both;}
.overflow { overflow:auto; }
a { color:#333333; text-decoration:none;}
body {text-align: center; font-size:12px; }
#container {width: 950px; margin: 0 auto; text-align: left; }
#header { height:80px; clear:both;}
#logo { width:240px; padding-top:10px; float:left;}
#fast{ float:left;width:120px; position:relative; z-index:1000;top:30px; color:#000;left:5px; padding-top:3px; line-height:22px; }
#fast a{ font-size:12px; text-decoration:underline; }
#all_Lm{ color:#000; border:3px solid #A6DAF0; background:#fff; padding:5px; position:absolute; top:0px; left:0px; width:330px; height:215px; z-index:1000;}
#header_right { float:right; padding-top:20px; padding-right:10px;}
#header_right a { color:#333333; text-decoration:none; }
#main { clear:both; width:950px; position: relative;}
#main_left { }
#nav { height:43px; padding:0px 5 0px 0px; font-family:"微软雅黑";}
#nav ul { list-style-type:none;}
#nav ul li { float:left; }
#nav ul li a:link { color:#333333;}
#nav ul li a:hover { color:#FF0000; }
#nav ul li img { vertical-align:middle; }
#nav ul li span { font-size:14px; padding-left:6px; padding-right:10px; }
#register { height:90px;padding:8px 0 0 10px;}
#register p img {vertical-align:middle;}
#login {
width:301px;
position:absolute;
top:0px;
right:0px;
z-index:900;
}
#banner { height:269px; width:950px; }/*background:url(images/home/banner/20080911.jpg) no-repeat;*/
#login_top { height:12px; background:url(images/home/login_bg_top.gif) no-repeat;}
#login_middle { height:380px; background:url(images/home/login_bg_middle.gif) repeat-y; }
fieldset { border:0px;padding:10px;}
legend { padding-left:20px; font-size:16px; font-weight:bold; font-family:"微软雅黑";}
legend img { vertical-align:middle; padding-right:20px; }
fieldset label {float:left; width:50px; text-align:right; padding:7px 10px 4px 4px; margin:1px; }
fieldset div {clear:left; margin-bottom:6px; }
.username {padding:5px;}
.username label{ }
.username input{ width:170px; height:25px; padding-top:2px; background-color:#e8fdff; border:1px solid #84a1bd; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#333333;}
.password {padding:5px;}
.password label{ }
.password input{ width:170px; height:25px; padding-top:2px; background-color:#e8fdff; border:1px solid #84a1bd; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#333333;}
.submit { padding:5px;text-align:center;}
.forgotpass { padding:5px; text-align:center; }
.online { padding:2px; text-align:center; }
.ad_img { text-align:center; padding:5px;}
.ad_txt {}
.ad_txt ul{ list-style-type:none; padding:5px 5px 5px 40px;}
.ad_txt ul li{ line-height:150%; background:url(images/home/bg_arrow.gif) no-repeat 0px 6px;; padding-left:10px;}
.ad_txt a {}
#login_bottom { height:12px; background:url(images/home/login_bg_bottom.gif) no-repeat;}
#footer { clear:both; text-align:center; height:50px; padding-top:20px; background:url(images/home/bg_xuxian.gif) no-repeat top center; line-height:180%;}
.about { width:500px; color:#ccc; float:left; padding-left:200px;}
.about a{ color:#666666;}
.copyright {color: #999; font-size: 11px; font-family: Tahoma, Arial}
.copyright a{color: #999;}
.wangjian { width:60px;float:left;}
.wangjian img {width:38px;}
-->
</style>
<script language="JavaScript" type="application/javascript">
function h(obj,url){obj.style.behavior='url(#default#homepage)';obj.setHomePage(url);}
</script>
</head>
<body>
<table cellspacing="0" cellpadding="3" class="">
<tr class="smalltxt">
<td> <a href="/forumdisplay.php?fid=67"><font color="red"><b>版友风采</b></font></a> </td>
<td> <a href="/forumdisplay.php?fid=73"><font color="red">聚会</font></a> </td>
<td> <a href="/forumdisplay.php?fid=107">情感</a> </td>
<td> <a href="/forumdisplay.php?fid=16">音乐</a> </td>
<td> <a href="/forumdisplay.php?fid=9"><font color="red">贴图</font></a> </td>
<td> <a href="/forumdisplay.php?fid=15">搞笑</a> </td>
<td> <a href="/forumdisplay.php?fid=43">游戏</a> </td>
<td> <a href="/forumdisplay.php?fid=103"><font color="green">娱乐</font></a> </td>
<td> <a href="/forumdisplay.php?fid=106">文学</a> </td>
<td> <a href="/forumdisplay.php?fid=64">校园</a> </td>
<td> <a href="/forumdisplay.php?fid=114">星座</a> </td>
<td> <a href="/forumdisplay.php?fid=66"><font color="red">时尚</font></a> </td>
<td> <a href="/forumdisplay.php?fid=28">美食</a> </td>
<td> <a href="/forumdisplay.php?fid=57">信息</a> </td>
<td> <a href="/forumdisplay.php?fid=29"><font color="green">汽车</font></a> </td>
<td> <a href="/forumdisplay.php?fid=35">居家</a> </td>
<td> <a href="/forumdisplay.php?fid=28">旅游</a> </td>
<td> <a href="/forumdisplay.php?fid=56">体育</a> </td>
<td> <a href="/forumdisplay.php?fid=113">数码</a> </td>
<td> <a href="/forumdisplay.php?fid=45">动谩</a> </td>
<td> <a href="/forumdisplay.php?fid=46"><font color="blue">影视</font></a> </td>
<td> <a href="/forumdisplay.php?fid=32">电脑</a> </td>
<td> <a href="/forumdisplay.php?fid=74">公告</a> </td>
<td> <a href="/forumdisplay.php?fid=25">意见</a> </td>
<td> <SCRIPT LANGUAGE="JavaScript">
<!--
if (window == top) {
document.write ("<a href=\"music.htm\" target=\"_top\"><b><font color=red>音乐打开</b></font></a>");
} else {
document.write ("<a href=# target=\"_top\"><b><font color=red>音乐关闭</b></font></a>");
}
//-->
</SCRIPT> </td>
</tr>
</table>
<div class="index_top">
<div class="index_top_main">
<div class="index_top_logo"><a href="/" onFocus="this.blur()"><img src="images/home/logo.gif" width="200" height="66"></a></div>
<div class="index_top_right">
<div class="index_top_dh"> <div class="welcome"> <a href="http://www.sqgzz.com" target="_parent">电信</a> <a href="http://www.sqgzz.cn" target="_parent">网通</a></div>
<span id="index_top_dh_Btn">
<a href="/forumdisplay.php?fid=107" onFocus="this.blur()" target="_parent"><img src="images/home/index.gif" alt="新闻频道" width="69" height="22" border="0" align="absmiddle" /></a>
<a href="/forumdisplay.php?fid=60" onFocus="this.blur()" target="_parent"><img src="images/home/news.gif" alt="信息发布" width="69" height="22" border="0" align="absmiddle" /></a>
<a href="/forumdisplay.php?fid=59" onFocus="this.blur()" target="_parent"><img src="images/home/house.gif" alt="求职与招聘" width="82" height="22" border="0" align="absmiddle" /></a>
<a href="/forumdisplay.php?fid=61" onFocus="this.blur()" target="_parent"><img src="images/home/photo.gif" alt="房屋租售" width="69" height="22" border="0" align="absmiddle" /></a>
</span><img src="images/home/Help.gif" alt="帮助中心" width="13" height="13" hspace="5" align="absmiddle" /><a href="/faq.php" onFocus="this.blur()" class="index_top_dh_help" target="_parent">帮助中心</a>
</div>
<div class="index_top_Menu">
<ul class="index_top_menuList">
<li class="menuHome"><a href="/" onFocus="this.blur()"><span>首页</span></a></li>
<li><a href="/forumdisplay.php?fid=67" onFocus="this.blur()" target="_parent"><span>相册</span></a></li>
<li><a href="/forumdisplay.php?fid=73" onFocus="this.blur()" target="_parent"><span>交友</span></a></li>
<li><a href="/forumdisplay.php?fid=66" onFocus="this.blur()" target="_parent"><span>时尚</span></a></li>
<li><a href="/forumdisplay.php?fid=114" onFocus="this.blur()" target="_parent"><span>星座</span></a></li>
<li><a href="/forumdisplay.php?fid=64" onFocus="this.blur()" target="_parent"><span>校园</span></a></li>
<li><a href="/forumdisplay.php?fid=69" onFocus="this.blur()" target="_parent"><span>情感</span></a></li>
<li><a href="/forumdisplay.php?fid=106" onFocus="this.blur()" target="_parent"><span>文学</span></a></li>
</ul>
</div>
</div>
<div class="head_menu">
<div class="head_menu_left"></div>
<div class="head_bbsNav">
<ul>
<li>工作导航：<a href="/sq/?action-category-catid-2" onFocus="this.blur()" target="_parent">政策法规</a><a href="/sq/?action-category-catid-3" onFocus="this.blur()" target="_parent">发展建设</a><a href="/sq/?action-category-catid-4" onFocus="this.blur()" target="_parent">工作经验</a><a href="/sq/?action-category-catid-15" onFocus="this.blur()" target="_parent">社工人物</a><a href="/sq/?action-category-catid-32" onFocus="this.blur()" target="_parent">社工考试</a><a href="/sq/?action-category-catid-17" onFocus="this.blur()" target="_parent">招考信息</a><a href="/sq/?action-category-catid-18" onFocus="this.blur()" target="_parent">社工知识</a><a href="/sq/?action-category-catid-19" onFocus="this.blur()" target="_parent">办事指南</a><a href="/sq/?action-category-catid-20" onFocus="this.blur()" target="_parent">工作技巧</a><a href="/forumdisplay.php?fid=32" onFocus="this.blur()">电脑软件</a></li>
</ul>
</div>
<div class="head_menu_right"></div>
</div>
</div>
</div>
<div id="container" >
<div id="main" >
<div id="main_left" >
<div id="nav" >
<TABLE width="640" border=0 cellPadding=0 cellSpacing=0>
<TBODY>
<TR>
<TD width=4><IMG height=4 src="images/home/kuang1.gif"
width=4></TD>
<TD background=images/home/kuang2.gif><IMG height=4
src="images/home/kuang2.gif" width=1></TD>
<TD width=4><IMG height=4 src="images/home/kuang3.gif"
width=4></TD></TR>
<TR>
<TD background=images/home/kuang6.gif><IMG height=1
src="images/home/kuang6.gif" width=4></TD>
<TD bgColor=#ffffff height=53><table cellspacing=2 cellpadding=0 width="100%" border=0>
<tbody>
<tr>
<td><table class=s4 cellspacing=5 cellpadding=0 width="100%"
bgcolor=#eef6fe border=0>
<tbody>
<tr>
<td bgcolor=#eef6fe><div align=left>
<p>还没有社区账号？已有<span class=s7>123344</span>多人注册了深圳社区还等什么？ 我们期待你的加入！<br>
欢迎加入社会工作QQ群: ★①满<span class=s7>61096798</span> ★②<span class=s7>2232312</span>★③满<span class="s7">35179029</span> ★④<span class="s7">71402785</span> ★⑤<span class="s7">71402785</span><img src="images/home/icon_new.gif" alt="" style="position:absolute;top:10px;right:420px;"/></a></p>
</div></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table></TD>
<TD background=images/home/kuang7.gif><IMG height=2
src="images/home/kuang7.gif" width=4></TD></TR>
<TR>
<TD><IMG height=4 src="images/home/kuang4.gif" width=4></TD>
<TD background=images/home/kuang8.gif><IMG height=4
src="images/home/kuang8.gif" width=1></TD>
<TD><IMG height=4 src="images/home/kuang5.gif"
width=4></TD></TR></TBODY></TABLE>
<!-- E #nav -->
</div>
<div id="banner" >
<table width="29%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="8" height="8"><img src="images/home/bg_0ltop.gif" width="8" height="8"></td>
<td width="214" background="images/home/bg_01.gif"><img src="images/home/bg_01.gif" width="8" height="8"></td>
<td width="10" height="8"><img src="images/home/bg_0rtop.gif" width="8" height="8"></td>
</tr>
<tr>
<td background="images/home/bg_03.gif"><img src="images/home/bg_03.gif" width="8" height="8"></td>
<%Randomize
r=Int(4*Rnd +1)%>
<td><img src="images/home/1.jpg" width="625" height="251" longdesc="http://www.szesq.com" /></td>
<td background="images/home/bg_04.gif"><img src="images/home/bg_04.gif" width="8" height="8"></td>
</tr>
<tr>
<td width="8" height="8"><img src="images/home/bg_0lbottom.gif" width="8" height="8"></td>
<td background="images/home/bg_02.gif"><img src="images/home/bg_02.gif" width="8" height="8"></td>
<td width="10" height="8"><img src="images/home/bg_0rbottom.gif" width="8" height="8"></td>
</tr>
</table> |
置顶卡
喧嚣卡
变色卡
千斤顶
显身卡
楼主