登录 注册

登录

问题 bj_venus模版安装后不同分辨率下可能无法正常显示的问题

更多
2010年11月20日 10:29 #1 作者: garyhuang1982
www.jibuyinuo.com
使用的是BJ_Venus的免费模版,在1280*800、1024*768分辨率下显示正常,但在其他分辨率下似乎就有问题.另外,似乎用13寸的显示器显示没有问题,14寸、19寸显示器下就会出现右边栏跑到最底下去的情况。
呵呵,菜鸟问题,见笑了!
另外,我试着修改模版中的html和css文件中关于width参数的设置,找来找去,似乎只有layout.css中有关于模版宽度的设置,但是我将原来定义的width:900px修改为1200px,似乎没有作用。
很困惑,请各位专家给支支招!

登录 或者   注册一个会员帐号 来参与讨论

更多
2010年11月20日 10:48 - 2010年11月20日 10:49 #2 作者: garyhuang1982
一下是用firebug查看到的css代码:
.clearer {
clear:both;
height:0;
}
.tips {
display:none;
}
.inner {
text-align:left;
width:900px;
}
.inner2 {
text-align:left;
width:960px;
}
.wrapper {
}
body {
background:url("../images/blue/bg.png") repeat scroll 0 0 transparent;
}
#BJ_Wrapper {
background:url("../images/blue/bg_top.png") repeat-x scroll 0 0 transparent;
}
#BJ_TopBar {
background:url("../images/top_bg.png") repeat-x scroll 0 0 transparent;
height:35px;
z-index:10000;
}
#BJ_TopBar .collapsible {
position:relative;
z-index:100000;
}
#BJ_Headline {
margin:20px 0 0;
}
#BJ_Headline a {
color:#FFFFFF;
}
#BJ_Headline .venus-headline {
background:url("../images/headline-bg.png") repeat-x scroll 0 0 transparent;
border:medium none;
height:23px;
padding:5px 0 0 10px;
}
#BJ_Headline .venus-headline {
}
#BJ_MainBody {
margin:20px 0 0;
}
#BJ_Left_Col {
float:left;
width:202px;
}
#BJ_Main_Top_Round {
background:none repeat scroll 0 0 #FFFFFF;
height:4px;
margin:-4px 0 0 4px;
position:relative;
width:732px;
}
#BJ_Main_Top_Round .left {
background:url("../images/main_tl.png") no-repeat scroll 0 0 transparent;
left:-4px;
padding:2px;
position:absolute;
top:0;
}
#BJ_Main_Top_Round .right {
background:url("../images/main_tr.png") no-repeat scroll 0 0 transparent;
padding:2px;
position:absolute;
right:-4px;
top:0;
}
#BJ_Main_Bottom_Round {
background:none repeat scroll 0 0 #FFFFFF;
float:left;
height:4px;
position:relative;
width:732px;
}
#BJ_Main_Bottom_Round .left {
background:url("../images/main_bl.png") no-repeat scroll 0 0 transparent;
left:-4px;
padding:2px;
position:absolute;
top:0;
}
#BJ_Main_Bottom_Round .right {
background:url("../images/main_br.png") no-repeat scroll 0 0 transparent;
padding:2px;
position:absolute;
right:-4px;
top:0;
}
#BJ_Right_Col {
background:none repeat scroll 0 0 #FFFFFF;
float:left;
margin:4px 0 0 18px;
padding:0 0 20px;
width:740px;
}
#BJ_Main {
float:left;
margin:10px 0 0 10px;
padding:0 10px;
width:480px;
}
#BJ_Main * {
line-height:1.7em;
}
#BJ_Main h1, #BJ_Main h2, #BJ_Main h3, #BJ_Main h1 *, #BJ_Main h2 *, #BJ_Main h3 * {
line-height:1.5em;
}
#BJ_Main input, #BJ_Main textarea {
line-height:1em;
}
#BJ_Right {
float:left;
margin:10px 0 0 18px;
width:202px;
}
#BJ_Top_Mod_1, #BJ_Top_Mod_2 {
float:right;
}
#BJ_Top_Mod_1 .title, #BJ_Top_Mod_2 .title {
color:#FFFFFF;
cursor:pointer;
display:block;
font-weight:bold;
height:21px;
padding:8px 10px 5px;
}
#BJ_Top_Mod_1 .title span, #BJ_Top_Mod_2 .title span {
z-index:10000;
}
#BJ_Top_Mod_1 .content, #BJ_Top_Mod_2 .content {
position:absolute;
z-index:10000;
}
#BJ_Top_Mod_1 ul li, #BJ_Top_Mod_2 ul li {
padding:3px 0;
}
#BJ_Logo {
float:left;
}
#BJ_Search {
background:url("../images/search_bg.png") repeat-x scroll 0 0 transparent;
float:right;
margin:19px 0 0;
padding:0 30px 0 0;
width:150px;
}
#BJ_Search .typo-search {
float:right;
margin:-26px -27px 0 0;
}
#BJ_Search input[type="text"] {
background:none repeat scroll 0 0 transparent;
border:medium none;
color:#FFFFFF;
font-weight:bold;
padding:4px 0 5px 5px;
}
#BJ_MainMenu {
height:46px;
margin:0 0 14px;
}
#BJ_MainMenu.bg_active {
}
#BJ_MainMenu .bg {
height:46px;
}
#BJ_MainMenu .bg .bg {
background:url("../images/blue/top_nav_bg.png") repeat-x scroll 0 0 transparent;
margin:0 8px;
padding:0;
}
#BJ_Left_Col .module, #BJ_Right .module {
margin:0 0 20px;
}
#BJ_Left_Col .module div div div, #BJ_Left_Col .module_menu div div div, #BJ_Left_Col .module_text div div div {
width:180px;
}
#BJ_Left_Col .module div div div div {
width:auto;
}
#BJ_Right_Col .module div div div.i {
width:180px;
}
#BJ_Right_Col .module div div div ul, #BJ_Right_Col .module_menu div div div ul, #BJ_Right_Col .module_text div div div ul {
margin:0;
padding:0;
}
#BJ_Top {
border-bottom:1px dashed #CCCCCC;
margin:0 0 30px;
padding:0 0 5px;
}
#BJ_Banner {
border-top:1px dashed #CCCCCC;
margin:0 0 0;
padding:30px 0 0;
text-align:center;
}
#BJ_BottomPage {
margin:30px 0 0;
}
#BJ_Pathway {
background:url("../images/pathway_bg.jpg") repeat-x scroll 0 0 transparent;
color:#9F9F9F;
height:23px;
padding:10px 0 5px;
width:100%;
}
#BJ_Pathway .breadcrumbs {
background:url("../images/arrow.png") no-repeat scroll 0 2px transparent;
font-weight:bold;
padding:3px 0 0 10px;
}
#BJ_Pathway .breadcrumbs img {
}
#BJ_Pathway .breadcrumbs a.pathway {
color:#CFCFCF;
font-weight:bold;
}
#BJ_Pathway .breadcrumbs a.pathway:hover {
text-decoration:underline;
}
#BJ_Pathway .path {
color:#9F9F9F;
font-weight:bold;
}
#BJ_Gotop {
float:right;
height:21px;
padding:3px 0 0;
}
#BJ_Gotop a {
background:url("../images/gotop.png") no-repeat scroll right center transparent;
color:#CFCFCF;
font-weight:bold;
padding:5px 24px 5px 0;
}
#BJ_Gotop a:hover {
background:url("../images/gotop_active.png") no-repeat scroll right center transparent;
color:#FFFFFF;
}
#BJ_Bottoms {
background:url("../images/foot_top.png") repeat-x scroll center top #111111;
color:#6D6D6D;
padding:20px 0 30px;
}
#BJ_Bottoms a {
color:#7DABDF;
text-decoration:underline;
}
#BJ_Bottoms .column {
float:left;
margin:0 0 0 18px;
}
#BJ_Bottoms .column div div div {
width:222px;
}
#BJ_Bottoms .column div div div div {
width:auto;
}
#BJ_Bottoms .column h3, #BJ_Bottoms .column h4, #BJ_Bottoms .column h5 {
border-bottom:1px solid #434343;
color:#FFFFFF;
margin:0 0 10px;
padding:0 0 5px;
text-transform:uppercase;
width:222px;
}
#BJ_Bottoms .article_separator {
background:url("../images/article_seperator.png") repeat-x scroll center bottom transparent;
display:block;
height:2px;
margin:10px 0;
width:100%;
}
#BJ_Bottoms ul {
margin:0;
}
#BJ_Bottoms ul li {
background:url("../images/article_seperator.png") repeat-x scroll center bottom transparent;
list-style:none outside none;
padding:10px 0;
}
#BJ_Footer {
border-top:1px solid #1E1E1E;
padding:10px 0 0;
}
#BJ_Footer ul {
list-style:none outside none;
}
#BJ_Footer ul li {
background:url("../images/arrow.png") no-repeat scroll left center transparent;
list-style:none outside none;
padding:0 0 0 15px;
}
#BJ_Foot {
float:left;
text-align:left;
}
#BJ_Foot ul, #BJ_Foot ul li {
list-style:none outside none;
}
#BJ_Foot div {
text-align:left;
}
#BJ_Foot_Menu {
float:right;
}
.clearer {
clear:both;
height:0;
}
.tips {
display:none;
}
.inner {
text-align:left;
width:960px;
}
.inner2 {
text-align:left;
width:976px;
}
.wrapper {
}
body {
background:url("../images/blue/bg.png") repeat scroll 0 0 transparent;
}
#BJ_Wrapper {
background:url("../images/blue/bg_top.png") repeat-x scroll 0 0 transparent;
}
#BJ_TopBar {
background:url("../images/top_bg.png") repeat-x scroll 0 0 transparent;
height:35px;
z-index:10000;
}
#BJ_TopBar .collapsible {
position:relative;
z-index:100000;
}
#BJ_Headline {
margin:20px 0 0;
}
#BJ_Headline a {
color:#FFFFFF;
}
#BJ_Headline .venus-headline {
background:url("../images/headline-bg.png") repeat-x scroll 0 0 transparent;
border:medium none;
height:23px;
padding:5px 0 0 10px;
}
#BJ_Headline .venus-headline {
}
#BJ_MainBody {
margin:20px 0 0;
}
#BJ_Left_Col {
float:left;
width:202px;
}
#BJ_Main_Top_Round {
background:none repeat scroll 0 0 #FFFFFF;
height:4px;
margin:-4px 0 0 4px;
position:relative;
width:732px;
}
#BJ_Main_Top_Round .left {
background:url("../images/main_tl.png") no-repeat scroll 0 0 transparent;
left:-4px;
padding:2px;
position:absolute;
top:0;
}
#BJ_Main_Top_Round .right {
background:url("../images/main_tr.png") no-repeat scroll 0 0 transparent;
padding:2px;
position:absolute;
right:-4px;
top:0;
}
#BJ_Main_Bottom_Round {
background:none repeat scroll 0 0 #FFFFFF;
height:4px;
margin-left:4px;
position:relative;
top:24px;
width:732px;
}
#BJ_Main_Bottom_Round .left {
background:url("../images/main_bl.png") no-repeat scroll 0 0 transparent;
left:-4px;
padding:2px;
position:absolute;
top:0;
}
#BJ_Main_Bottom_Round .right {
background:url("../images/main_br.png") no-repeat scroll 0 0 transparent;
padding:2px;
position:absolute;
right:-4px;
top:0;
}
#BJ_Right_Col {
background:none repeat scroll 0 0 #FFFFFF;
float:left;
margin:4px 0 0 18px;
padding:0 0 20px;
width:740px;
}
#BJ_Main {
float:left;
margin:10px 0 0 10px;
padding:0 10px;
width:480px;
}
#BJ_Main * {
line-height:1.7em;
}
#BJ_Main input, #BJ_Main textarea {
line-height:1em;
}
#BJ_Right {
float:left;
margin:10px 0 0 18px;
width:202px;
}
#BJ_Top_Mod_1, #BJ_Top_Mod_2 {
float:right;
}
#BJ_Top_Mod_1 .title, #BJ_Top_Mod_2 .title {
color:#FFFFFF;
cursor:pointer;
display:block;
font-weight:bold;
height:21px;
padding:8px 10px 5px;
}
#BJ_Top_Mod_1 .title span, #BJ_Top_Mod_2 .title span {
z-index:10000;
}
#BJ_Top_Mod_1 .content, #BJ_Top_Mod_2 .content {
position:absolute;
z-index:10000;
}
#BJ_Top_Mod_1 ul li, #BJ_Top_Mod_2 ul li {
padding:3px 0;
}
#BJ_Logo {
float:left;
}
#BJ_Search {
background:url("../images/search_bg.png") repeat-x scroll 0 0 transparent;
float:right;
margin:19px 0 0;
padding:0 30px 0 0;
width:150px;
}
#BJ_Search .typo-search {
float:right;
margin:-26px -27px 0 0;
}
#BJ_Search input[type="text"] {
background:none repeat scroll 0 0 transparent;
border:medium none;
color:#FFFFFF;
font-weight:bold;
padding:4px 0 5px 5px;
}
#BJ_MainMenu {
height:46px;
margin:0 0 14px;
}
#BJ_MainMenu.bg_active {
}
#BJ_MainMenu .bg {
height:46px;
}
#BJ_MainMenu .bg .bg {
background:url("../images/blue/top_nav_bg.png") repeat-x scroll 0 0 transparent;
margin:0 8px;
padding:0;
}
#BJ_Left_Col .module, #BJ_Right .module {
margin:0 0 20px;
}
#BJ_Left_Col .module div div div, #BJ_Left_Col .module_menu div div div, #BJ_Left_Col .module_text div div div {
width:180px;
}
#BJ_Left_Col .module div div div div {
width:auto;
}
#BJ_Right_Col .module div div div.i {
width:180px;
}
#BJ_Right_Col .module div div div ul, #BJ_Right_Col .module_menu div div div ul, #BJ_Right_Col .module_text div div div ul {
margin:0;
padding:0;
}
#BJ_Top {
border-bottom:1px dashed #CCCCCC;
margin:0 0 30px;
padding:0 0 5px;
}
#BJ_Banner {
border-top:1px dashed #CCCCCC;
margin:0 0 0;
padding:30px 0 0;
text-align:center;
}
#BJ_BottomPage {
margin:30px 0 0;
}
#BJ_Pathway {
background:url("../images/pathway_bg.jpg") repeat-x scroll 0 0 transparent;
color:#9F9F9F;
height:23px;
padding:10px 0 5px;
width:100%;
}
#BJ_Pathway .breadcrumbs {
background:url("../images/arrow.png") no-repeat scroll 0 2px transparent;
font-weight:bold;
padding:3px 0 0 10px;
}
#BJ_Pathway .breadcrumbs img {
}
#BJ_Pathway .breadcrumbs a.pathway {
color:#CFCFCF;
font-weight:bold;
}
#BJ_Pathway .breadcrumbs a.pathway:hover {
text-decoration:underline;
}
#BJ_Pathway .path {
color:#9F9F9F;
font-weight:bold;
}
#BJ_Gotop {
float:right;
height:21px;
padding:3px 0 0;
}
#BJ_Gotop a {
background:url("../images/gotop.png") no-repeat scroll right center transparent;
color:#CFCFCF;
font-weight:bold;
padding:5px 24px 5px 0;
}
#BJ_Gotop a:hover {
background:url("../images/gotop_active.png") no-repeat scroll right center transparent;
color:#FFFFFF;
}
#BJ_Bottoms {
background:url("../images/foot_top.png") repeat-x scroll center top #111111;
color:#6D6D6D;
padding:20px 0 30px;
}
#BJ_Bottoms a {
color:#7DABDF;
text-decoration:underline;
}
#BJ_Bottoms .column {
float:left;
margin:0 0 0 18px;
}
#BJ_Bottoms .column div div div {
width:222px;
}
#BJ_Bottoms .column div div div div {
width:auto;
}
#BJ_Bottoms .column h3, #BJ_Bottoms .column h4, #BJ_Bottoms .column h5 {
border-bottom:1px solid #434343;
color:#FFFFFF;
margin:0 0 10px;
padding:0 0 5px;
text-transform:uppercase;
width:222px;
}
#BJ_Bottoms .article_separator {
background:url("../images/article_seperator.png") repeat-x scroll center bottom transparent;
display:block;
height:2px;
margin:10px 0;
width:100%;
}
#BJ_Bottoms ul {
margin:0;
}
#BJ_Bottoms ul li {
background:url("../images/article_seperator.png") repeat-x scroll center bottom transparent;
list-style:none outside none;
padding:10px 0;
}
#BJ_Footer {
border-top:1px solid #1E1E1E;
padding:10px 0 0;
}
#BJ_Footer ul {
list-style:none outside none;
}
#BJ_Footer ul li {
background:url("../images/arrow.png") no-repeat scroll left center transparent;
list-style:none outside none;
padding:0 0 0 15px;
}
#BJ_Foot {
float:left;
text-align:left;
}
#BJ_Foot ul, #BJ_Foot ul li {
list-style:none outside none;
}
#BJ_Foot div {
text-align:left;
}
#BJ_Foot_Menu {
float:right;
width:500px;
}
200 x 300

登录 或者   注册一个会员帐号 来参与讨论

更多
2010年11月20日 15:37 #3 作者: garyhuang1982
这个问题很难吗?还是太麻烦?

登录 或者   注册一个会员帐号 来参与讨论

更多
2011年11月30日 02:53 #4 作者: hrhr0023
问题怎么解决的 我的也出现这问题了

登录 或者   注册一个会员帐号 来参与讨论