把网站的顶部导航固定在网站顶部不让它动

541960899 · 发表于 2012-4-11 22:03:25

我的网站地址是：www.chinaqun.net或者www.中国群.com
我想把网站的头顶的那一部分固定在顶部，就是那登录的部分，颜色很深的那一块。不知道怎么安放代码。
下面是我顶部的一个CSS文件代码。
*/
.green{color:#008c00;}
.blue{color:#049;}
.gray{color:#333;}
.dark_red{color:#c92a00;}
.gray_666{color:#666;}
.smalltitle{color:#0389d3;}
.yellow,.info .yellow{color:#f60;}
.clearb {CLEAR: both}
A:active {}
A { COLOR: #666666; TEXT-DECORATION: none}
A:link {COLOR: #666666; TEXT-DECORATION: none}
A:visited {COLOR: #666666; TEXT-DECORATION: none}
A:hover {COLOR: #cc0000; TEXT-DECORATION: underline}
#diy-tg {position: absolute; top: 0; right: 15px; z-index:100; }
.top_nav {CLEAR: both; BACKGROUND: url({IMGDIR}/top_bg.jpg) repeat-x; LINE-HEIGHT: 35px;
HEIGHT: 40px;}
.top_nav INPUT {VERTICAL-ALIGN: middle}
.top_nav_width {MARGIN: 0px auto; WIDTH: 960px}
.top_nav_left {MARGIN-TOP: 0px; DISPLAY: inline; FLOAT: left; WIDTH: 680px; }
.top_nav_left SPAN {MARGIN-TOP: 22px; FONT-SIZE: 12px}
.top_nav_right {FONT-SIZE: 12px; FLOAT: right; WIDTH: 268px}
.top_nav_right {PADDING-RIGHT: 3px; DISPLAY: inline; LINE-HEIGHT: 35px; HEIGHT: 40px; TEXT-
ALIGN: right}
#um .new, .top_nav .new, .sch .new { padding-left: 20px; background-repeat: no-repeat;
background-position: 0 50%; color: {HIGHLIGHTLINK}; font-weight: 700; }
.top_nav_left .top_login { margin-top:2px; _margin-top:5px; height:30px; line-height:30px; }
.top_nav_left input {position: relative;}
.top_nav_left .top_login span { *margin-top:3px; _margin-top:1px;}
.dl_xz { *margin-top:0px; _margin-top:-1px;}
.input_index { background-image: url({IMGDIR}/menunew_in.jpg); border-color: #B4B4B4;
border-style: solid; border-width: 1px; height: 14px; margin: 0; padding: 1px; _padding: 1px
1px 0px; line-height:14px; width: 85px;}
/* 新添加的论坛头部 */
.top_box {MARGIN: 8px auto 10px; WIDTH: 960px; PADDING-TOP: 2px}
.top_box .tleft {MARGIN-TOP: 10px; FLOAT: left; OVERFLOW: hidden; WIDTH: 175px; HEIGHT:
78px}
.top_box .tcenter {DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 16px; OVERFLOW: hidden; WIDTH:
600px; HEIGHT: 100px}
.top_box .tright {FLOAT: right; OVERFLOW: hidden; WIDTH: 160px; HEIGHT: 100px}
.top_box .center SPAN LI {DISPLAY: inline}
.top_box .center SPAN UL {DISPLAY: inline}
#nav_front {MARGIN: 0px auto; WIDTH: 960px; POSITION: relative}
#nav_front .two {MARGIN-TOP: 0px; FLOAT: left; WIDTH: 250px}
#nav_front .two SPAN A {DISPLAY: block; FONT-WEIGHT: bold; FONT-SIZE: 14px; BACKGROUND: url
({IMGDIR}/jhb_bt.gif) no-repeat; FLOAT: left; MARGIN-LEFT:10px; WIDTH: 91px; COLOR: #ffffff;
LINE-HEIGHT: 28px; HEIGHT: 31px; TEXT-ALIGN: center}
#nav_front .two SPAN A:hover {BACKGROUND: url({IMGDIR}/jhb_bt.gif) no-repeat}
#nav_front .two A {DISPLAY: block; FONT-WEIGHT: bold; FONT-SIZE: 14px; BACKGROUND: url
({IMGDIR}/jyb_bt.gif) no-repeat; FLOAT: left; MARGIN-LEFT: 10px; WIDTH: 91px; COLOR:
#246ab2; LINE-HEIGHT: 28px; HEIGHT: 31px; TEXT-ALIGN: center}
#nav_front .two A:hover {BACKGROUND: url({IMGDIR}/jyb_bt.gif) no-repeat 50% bottom; COLOR:
#ffffff}
#nav_front .count {RIGHT: 6px; FLOAT: left; MARGIN-LEFT: 30px; OVERFLOW: hidden; WIDTH:
200px; COLOR: #333333; LINE-HEIGHT: 23px; PADDING-TOP: 3px; POSITION: absolute; TOP: 3px;
HEIGHT: 23px}
#nav_front .count SPAN {FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #fc6d02; FONT-FAMILY:
Verdana, Arial, Helvetica, sans-serif}
#nav_front .count LI {DISPLAY: block; PADDING-LEFT: 20px; BACKGROUND: url
({IMGDIR}/onlinebbs_pic.jpg) no-repeat 0px 6px; LINE-HEIGHT: 23px; HEIGHT: 23px}
#nav_front .zhuce {FLOAT: right; WIDTH: 690px; LINE-HEIGHT: 22px; PADDING-TOP: 3px; HEIGHT:
22px; TEXT-ALIGN: right}
#nav_front .zhuce SPAN INPUT {BORDER-RIGHT: #b7d7ec 1px solid; BORDER-TOP: #b7d7ec 1px
solid; BORDER-LEFT: #b7d7ec 1px solid; COLOR: #999999; BORDER-BOTTOM: #b7d7ec 1px solid;
HEIGHT: 14px}
#nav_front .zhuce INPUT {VERTICAL-ALIGN: middle}
.nav_top {BACKGROUND: url({IMGDIR}/newnav_bg.jpg) repeat-x; FLOAT: left; OVERFLOW: hidden;
WIDTH: 950px; LINE-HEIGHT: 34px; HEIGHT: 33px}
#nav_jinghua {FLOAT: right; WIDTH: 70px; COLOR: #ffffff; LINE-HEIGHT: 26px; HEIGHT: 26px}
#nav_jinghua SPAN {FONT-SIZE: 12px; FLOAT: left; WIDTH: 46px; PADDING-TOP: 4px}
#nav_jinghua IMG {FLOAT: left; PADDING-TOP: 9px}
#nav_jinghua A {PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; BACKGROUND: none
transparent scroll repeat 0% 0%; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR:
#ffffff; PADDING-TOP: 0px}
#nav_jinghua A:link {PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; BACKGROUND:
none transparent scroll repeat 0% 0%; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR:
#ffffff; PADDING-TOP: 0px}
#nav_jinghua A:visited {PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; BACKGROUND:
none transparent scroll repeat 0% 0%; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR:
#ffffff; PADDING-TOP: 0px}
#nav_jinghua:hover {PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; BACKGROUND: none
transparent scroll repeat 0% 0%; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR:
#ffffff; PADDING-TOP: 0px}
.nav_top li { display:inline}
.nav_top li A span { display: none}
.nav_top li A {PADDING-RIGHT: 12px; DISPLAY: block; PADDING-LEFT: 12px; FONT-SIZE: 14px;
BACKGROUND: url({IMGDIR}/nav_fenge.jpg) no-repeat left center; FLOAT: left; MARGIN-LEFT: -
2px; COLOR: #ffffff; TEXT-ALIGN: center}
.nav_top li A:link {PADDING-RIGHT: 12px; DISPLAY: block; PADDING-LEFT: 12px; FONT-SIZE:
14px; BACKGROUND: url({IMGDIR}/nav_fenge.jpg) no-repeat left center; FLOAT: left; MARGIN-
LEFT: -2px; COLOR: #ffffff; TEXT-ALIGN: center}
.nav_top li A:visited {PADDING-RIGHT: 12px; DISPLAY: block; PADDING-LEFT: 12px; FONT-SIZE:
14px; BACKGROUND: url({IMGDIR}/nav_fenge.jpg) no-repeat left center; FLOAT: left; MARGIN-
LEFT: -2px; COLOR: #ffffff; TEXT-ALIGN: center}
.nav_top li A:active {PADDING-RIGHT: 12px; DISPLAY: block; PADDING-LEFT: 12px; FONT-SIZE:
14px; BACKGROUND: url({IMGDIR}/nav_fenge.jpg) no-repeat left center; FLOAT: left; MARGIN-
LEFT: -2px; COLOR: #ffffff; TEXT-ALIGN: center}
.nav_top_left {BACKGROUND: url({IMGDIR}/newnav_left.jpg) no-repeat; FLOAT: left; WIDTH: 5px;
HEIGHT: 33px}
.nav_top_right {BACKGROUND: url({IMGDIR}/newnav_right.jpg) no-repeat; FLOAT: right; WIDTH:
5px; HEIGHT: 33px}
.nav_content {BACKGROUND: url({IMGDIR}/new_nav_b_link.jpg) repeat-x; HEIGHT: 102px}
.nav_content_border {BORDER-RIGHT: #cccccc 1px solid; OVERFLOW: hidden; BORDER-LEFT: #cccccc
1px solid; HEIGHT: 95px}
.nav_shang {CLEAR: both; PADDING-LEFT: 10px; FONT-SIZE: 14px; COLOR: #266ab3; LINE-HEIGHT:
24px; PADDING-TOP: 6px; HEIGHT: 28px}
.nav_shang A {FONT-SIZE: 14px; COLOR: #266ab3}
.nav_shang A:visited {FONT-SIZE: 14px; COLOR: #266ab3}
.nav_shang SPAN {FONT-WEIGHT: bold}
.nav_list01 {COLOR: #4c6699}
.nav_list02 A {COLOR: #4f6594}
.nav_list02 A:link {COLOR: #4f6594}
.nav_list02 A:visited {COLOR: #4f6594}
.nav_list02 A:hover {COLOR: #4f6594}
.nav_list03 A {COLOR: #4f6594}
nav_list03 A:link {COLOR: #4f6594}
nav_list03 A:visited {COLOR: #4f6594}
.nav_list02 A:hover {COLOR: #cc0000}
.nav_list01 {FONT-WEIGHT: bold; FONT-SIZE: 14px; BACKGROUND: url({IMGDIR}/nav_line.jpg) no-
repeat right 50%; FLOAT: left; OVERFLOW: hidden; WIDTH: 48px; LINE-HEIGHT: 16px; PADDING-
TOP: 15px; HEIGHT: 80px; TEXT-ALIGN: center}
.nav_list02 {PADDING-LEFT: 10px; FLOAT: left; OVERFLOW: hidden; WIDTH: 792px; LINE-HEIGHT:
20px; PADDING-TOP: 7px}
.nav_list03 {FLOAT: left; OVERFLOW: hidden; WIDTH: 100px}
.nav_bbgbg {BORDER-RIGHT: #d6e5f2 1px solid; BORDER-TOP: #d6e5f2 1px solid; Z-INDEX: -1;
BACKGROUND: url({IMGDIR}/nav_bbgbg.gif) repeat-x; LEFT: 0px; BORDER-LEFT: #d6e5f2 1px solid;
WIDTH: 958px; POSITION: absolute; TOP: 3px; HEIGHT: 27px}
.nav_list_a STRONG {PADDING-RIGHT: 12px}
.nav_list_b STRONG {PADDING-RIGHT: 12px}
.nav_list_c STRONG {PADDING-RIGHT: 12px}
.nav_list_a {BACKGROUND: url({IMGDIR}/bbsfw_line.gif) no-repeat right 10px; FLOAT: left;
WIDTH: 196px; HEIGHT: 94px}
.nav_list_b {BACKGROUND: url({IMGDIR}/bbsfw_line.gif) no-repeat right 10px; FLOAT: left;
WIDTH: 272px; HEIGHT: 94px}
.nav_list_c {FLOAT: left; WIDTH: 320px; HEIGHT: 94px}
.nav_list_a STRONG {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #266ab3}
.nav_list_a STRONG A:link {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #266ab3}
.nav_list_a STRONG A:visited {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #266ab3}
.nav_list_b STRONG {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #266ab3}
.nav_list_b STRONG A:link {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #266ab3}
.nav_list_b STRONG A:visited {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #266ab3}
.nav_list_c STRONG {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #266ab3}
.nav_list_c STRONG A:link {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #266ab3}
.nav_list_c STRONG A:visited {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #266ab3}
.nav_list_a STRONG A:hover {COLOR: #cc0000}
.nav_list_b STRONG A:hover {COLOR: #cc0000}
.nav_list_c STRONG A:hover {COLOR: #cc0000}
.nav_list_b UL {PADDING-RIGHT: 6px; MARGIN-TOP: 9px; MARGIN-LEFT: 12px}
.nav_list_c UL {PADDING-RIGHT: 6px; MARGIN-TOP: 9px; MARGIN-LEFT: 12px}
.nav_list_a UL {PADDING-RIGHT: 6px; MARGIN-TOP: 9px}
.nav_list_a LI {OVERFLOW: hidden; LINE-HEIGHT: 22px; HEIGHT: 22px}
.nav_list_b LI {OVERFLOW: hidden; LINE-HEIGHT: 22px; HEIGHT: 22px}
.nav_list_c LI {OVERFLOW: hidden; LINE-HEIGHT: 22px; HEIGHT: 22px}
#Wealth H6 {DISPLAY: block; FONT-SIZE: 14px; FLOAT: left; MARGIN-BOTTOM: 4px; WIDTH: 36px;
COLOR: #7ca5da; PADDING-TOP: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN:
left}
#Wealth DIV {DISPLAY: block; FONT-SIZE: 12px; FLOAT: left; OVERFLOW: hidden; WIDTH: 40px;
CURSOR: pointer; COLOR: #7ca5da; HEIGHT: 53px; TEXT-ALIGN: left}
#Wealth {MARGIN-TOP: 10px; DISPLAY: inline; FLOAT: right; OVERFLOW: hidden; WIDTH: 100px}
.nav_list03 .img {float: left; margin-top: 10px;}
* html .xz4 { position:relative; left:4px;}
/*网站页脚*/
#ft {WIDTH: 960px; MARGIN-LEFT: auto; MARGIN-RIGHT: auto; border-top:1px solid #ddd;}
#ft .end_menu {TEXT-ALIGN: center; LINE-HEIGHT: 30px; WIDTH: 100%; DISPLAY: inline; FLOAT:
left; HEIGHT: 30px; margin-top:2px;}
#ft .end_copy {WIDTH: 100%; MARGIN-BOTTOM: 5px; FLOAT: left}
#ft .end_copy .end_copy_l {TEXT-ALIGN: center; WIDTH: 350px; FLOAT: left}
#ft .end_copy .end_copy_r {TEXT-ALIGN: left; LINE-HEIGHT: 25px; WIDTH: 600px; FLOAT: left;
MARGIN-LEFT: 10px}
#ft .end_copy .end_txt {TEXT-ALIGN: center; LINE-HEIGHT: 24px; WIDTH: 100%; FLOAT: left;
PADDING-bottom:10px}
#ft .end_copy .end_txt span{ font-family:Geneva, Arial, Helvetica, sans-serif; font-
size:11px;}

谢谢了啊

541960899 · 发表于 2012-4-11 22:22:57

www.chinaqun.net或者www.中国群.com
没人知道吗？自己顶一下

541960899 · 发表于 2012-4-12 13:12:33

541960899 · 发表于 2012-4-12 13:13:48

别拿爱当借口 · 发表于 2012-4-15 08:32:47

{:soso__4619703301120791040_3:}

二号 · 发表于 2012-4-15 08:38:17

提示: 作者被禁止或删除内容自动屏蔽

幸富被绑票 · 发表于 2012-4-15 15:49:31

顶起来！！不好碰到的好帖子

别拿爱当借口 · 发表于 2012-4-18 10:43:42

{:soso__17645956143778562829_4:}

田野小草 · 发表于 2012-4-19 17:30:12

好贴，一定不要放过，顶

牛站长牛 · 发表于 2012-4-19 17:36:53

提示: 作者被禁止或删除内容自动屏蔽

		自动登录	找回密码
密码			立即注册

[求助] 把网站的顶部导航固定在网站顶部不让它动