如题,以下是CSS 导航栏部分代码。
 
/* nav */
.self-nav{ width:1000px; height:66px; background:url(nav-bg.png) repeat-x 0 0; position:relative;}
.self-nav-leftbg{position:absolute; background-position:0 -66px;  width:6px; height:66px; left:0; overflow:hidden;}
.self-nav-rightbg{position:absolute;  background-position:0 -245px; width:6px; height:66px;top:0; right:0;overflow:hidden;}.self-nav-menu{ height:40px; padding:0px 5px;}
.self-nav-menu li{ display:block; float:left;}
.one-menu-index{ padding-left:18px;font-size:16px; font-family:"Microsoft YaHei","微软雅黑","宋体"; color:#fff; background:url(one-menu-bg.png) no-repeat top right; line-height:35px; width:60px;text-aligh:center;}
.one-menu-index a{ color:#fff;}
.one-menu-index a:hover{ color:#ffff00;  text-decoration:none;}
.one-menu{ padding-left:18px;padding-left:15px;font-size:16px; font-family:"Microsoft YaHei","微软雅黑","宋体"; color:#fff; background:url(one-menu-bg.png) no-repeat top right; line-height:35px; width:83px;text-aligh:center;}
.one-menu a{ color:#fff;}
.one-menu a:hover{ color:#ffff00;  text-decoration:none;}
.three-menu{ height:26px; line-height:2; color:#dfdfdf; padding-left:18px; width:950px;}
.three-menu span{ font-weight:bold;}
.three-menu em{ font-style:normal;color:#9c9c9c;}
.three-menu a{ margin-right:5px; margin-left:5px; color:#dfdfdf;font-family:"Microsoft YaHei","微软雅黑","宋体";}
.three-menu a:hover{ margin-right:5px; color:#ffff00;}.breadcrumb{margin-bottom:5px;margin-top:5px;background:url(bg_sprite.png) repeat-x 0 -50px;}
.breadcrumb .pagenav{height:36px;line-height:36px;background:url(bg_sprite.png) no-repeat;}
.breadcrumb .linknav{height:36px;line-height:36px;background:url(bg_sprite.png) no-repeat;}
.breadcrumb .pagenav{float:left;padding-left:10px;}
.breadcrumb .linknav{float:right;padding-right:10px;background-position:100% -100px;} 在本地调试显示正常,如图:
上传空间后,网站出现问题,导航栏错位,不是靠左显示的,
求大神帮助。如图: