lichee0512

我用的皮肤是默认的皮肤，觉得这样很好看了，简单即可。但是我比较习惯看侧边栏在左边的，找到斑竹曾经一个帖子里说
“5.如何才能把侧边栏移到左边？

在SKIN中设置，打开layout.css，把sidebar的float:left改为right，mainContent的float:right改为left就OK了 ”

修改后自己看没问题（IE6），后来到公司里开了一下，发现右边会多一块空白出来，以为是宽屏的问题，用普通显示器的机器看了也一样。因为公司的机器是IE7，所以怀疑是不是IE7下显示有问题？如果有问题该怎么改？麻烦大家帮我看看，谢谢

www.marserlee.com

感谢greanty~

[ 本帖最后由 lichee0512 于 2007-6-24 21:17 编辑 ]

greanty

这个嘛···呵呵···其实版主的解释还不完全···mainContent那里还有个margin的值~~对应的是上右下左~~你既然把位置对调了~~那这里margin的值也要对调~~把 右和左的数字进行调整~~

顺便说一下···以后截个图吧~不然别人以为你ad呢~~

还有~~别怀疑PJ默认的皮~~PJ默认的皮肤是绝对标准的~~

[ 本帖最后由 greanty 于 2007-6-24 16:47 编辑 ]

百度粉丝

是皮肤的问题 出现一大块空白区域

修改出错了  跟浏览器没有关系

lichee0512

引用:

原帖由 greanty 于 2007-6-24 16:45 发表
这个嘛···呵呵···其实版主的解释还不完全···mainContent那里还有个margin的值~~对应的是上右下左~~你既然把位置对调了~~那这里margin的值也要对调~~把 右和左的数字进行调整~~

顺便说一下···以后 ...

可是我在家里看是正常的...
能否告诉我一下，如何调整才OK。。我是代码白痴

lichee0512

/*---主体样式---*/
  #container{width:760px;margin:0 auto;padding:0;text-align:center;background:#F8F6E9 url('main.jpg');}
  
  /*---顶部样式---*/
  #container #header{height:109px;width:748px;margin:0 auto;background:#F8F6E9 url('topbar.png');}
  #container #header #blogname{margin:0 auto;padding:10px 0px 21px 10px;font-size:20px;color:#FFFFFF;text-align:left;font-weight:bold;}
  #container #header #blogname #blogTitle{font-size:13px;margin:3px 3px 3px 8px;height:16px}
  #container #header #menu{height:28px;text-align:right;background:#E3CE96 url(menu_main.jpg)/*visibility:hidden;*/}
  #container #header #menu #Left{width:0px;float:left;}
  #container #header #menu #Right{width:0px;float:right;}  
  #container #header #menu ul{list-style:none;margin:0px 6px 0px 0px!important;margin:0px 3px 0px 0px;padding:0px;height:28px;float:left;}
  #container #header #menu ul li{float:left;height:28px;}  
   .menuL{}
   .menuR{}  
   .menuDiv{width:4px;background:#E3CE96 url(menu_div.png) no-repeat;padding:0px;}/*---菜单分割线---*/
  /*---内容样式---*/
  #container #Tbody{width:740px;margin:0 auto;text-align:left;padding:5px;}
  /*---工具条--*/
  #sidebar{float:left;width:223px;margin:0px;background:#F0ECD0 url(left_main.png);text-align:center;color:#574D31;}
  #innersidebar{}
  #sidebar-topimg{height:10px;width:223px;background:#F0ECD0 url(left_top.png) no-repeat;}
  #sidebar-bottomimg{height:10px;width:223px;background:#F0ECD0 url(left_bottom.png) no-repeat;overflow:hidden;}
  /*---工具箱样式--*/
  .sidepanel{width:203px;margin:0 auto!important; margin:0px;}
  .Ptitle{height:24px;line-height:180%;text-align:left;padding-left:5px;background:#F0ECD0 url(sidebar.gif);font-weight:bold;font-size:12px;margin:0px}  
  .Pcontent{text-align:left;padding-left:10px;padding-top:0px;line-height:160%}  
  .Pfoot{margin:0px 0px 15px 0px;}  
  /*---主内容--*/
  #mainContent{float:right;margin-right:-230px;width:100%;background:#F8F6E9 url(right_main.png) repeat-y;text-align:center;}
  #innermainContent{overflow:visible;margin-right:230px;}
  #mainContent-topimg{height:10px;background:#ffffff url(right_top.png) no-repeat;overflow:hidden;}
  #mainContent-bottomimg{background:#ffffff url(right_bottom.png) no-repeat;height:10px;overflow:hidden;}
  .content-width{width:490px;margin:auto;}/*--主内容元素的全局宽度--*/
  /*---主内容页数--*/
  .pageContent{margin:0 auto;padding:3px;text-align:left;height:18px;}
  .NavTitle{float:left;font-weight:bold;}
  .page{padding-right:5px;height:18px;}
  .page ul{list-style:none;margin:0px;padding:0px}
  .page ul li{float:left;padding:0px 3px 0px 3px;}
  .page ul li.PageL {width:9px;height:16px;}
  .page ul li.PageR {width:9px;height:16px;}
  .PageLbutton{background:url('../../images/BttnLeft.gif') 0px 0px;width:9px;height:16px;display:block;}
  .PageRbutton{background:url('../../images/BttnRight.gif') 0px 0px;width:9px;height:16px;display:block;}
  /*---内容框--*/
  .Content{margin:0 auto;font-family:Georgia,Courier New,宋体;}   
  /*---日志标题框--*/
  .Content-top{height:22px;background:#C57C05 url(title_main.png);color:#ffffff;text-align:left;overflow:hidden;padding-top:7px}
  .Content-top .ContentLeft{width:8px;height:30px;background:#C57C05 url(title_left.png) no-repeat;float:left;margin-top:-7px}
  .Content-top .ContentRight{width:8px;height:30px;background:#C57C05 url(title_right.png) no-repeat;float:right;margin-top:-7px}
  .Content-top .ContentTitle{padding:8px 4px 4px 2px;font-size:12px;display:inline;}
  .Content-top .ContentAuthor{text-align:right;padding-left:10px;padding-top:8px;font-size:12px;display:inline;}
  /*---日志内容框--*/
  .Content-body{margin:8px auto;overflow:hidden;text-align:left;width:96%;line-height:150%}
  /*---日志内容底部--*/
  .Content-bottom{text-align:right;background:url(dot.png) repeat-x;height:30px;padding:3px 2px 8px 2px;}
  .Content-bottom .ContentBLeft{width:0px;float:left;}
  .Content-bottom .ContentBRight{width:0px;float:right;}  

  /*---日志其他信息--*/
  .Content-Info {margin:0px 4px 6px 4px;padding:0px}
  .Content-Info .InfoAuthor{text-align:left}
  .Content-Info .InfoOther{float:right;text-align:right;}
  /*--评论框--*/
  .comment{text-align:left;margin:0px 12px 4px 12px}
  .commentinfo{font-size:11px;color:#999;}
  .commenttop{border-bottom:1px dotted #6B5D52;padding:4px;background:#FCF9EF}
  .commentcontent{padding:10px;line-height:140%;overflow:hidden;width:94%}
  /*---UBB框--*/
  .UBBPanel{border:1px solid #B4A79C;background:#FCF9EF;border-left:3px solid;}
  .UBBTitle{font-weight:bold;padding:4px;background:#F7EFD6 url(ubbback.gif) no-repeat 400px 0px;border-bottom:1px dotted #B4A79C;}
  .UBBContent{padding:6px;line-height:160%;}
  .UBBContent TEXTAREA {width:448px;margin-bottom:2px;}
  :link.UBBLink,:visited.UBBLink{font-size:11px;font-family:verdana;}
  /*---信息框--*/
  #MsgContent{border:1px solid #795B50;width:450px;padding:1px; background:#F8F6E9;margin:auto;}
  #MsgContent #MsgHead{background:#795B50;padding:4px;color:#fff;text-align:center;font-weight:bold;}
  #MsgContent #MsgBody{padding:4px;line-height:180%;}

  .LDialog{border:1px solid #795B50;margin:3px auto;padding:1px;}
  .LDialog .LHead{background:#BBA097;padding:1px;color:#fff;text-align:center;font-weight:bold;}
  .LDialog .LBody{padding:4px;line-height:200%;}


/*信息框图标以及文字*/
   .MessageText{height:50px;margin-right:38px;}
   .MessageIcon{background:url(../../images/Message.jpg) no-repeat;width:48px;height:48px;float:left;}
   .ErrorIcon{background:url(../../images/Error.jpg) no-repeat;width:48px;height:48px;float:left;}
   .WarningIcon{background:url(../../images/Warning.jpg) no-repeat;width:48px;height:48px;float:left;}   
   .QuestionIcon{background:url(../../images/Question.jpg) no-repeat;width:48px;height:48px;float:left;}
  /*---底部样式---*/
  #container #foot{font-family:Georgia;margin:6px 0 0 0;height:50px;padding-top:10px;}
  /*---文件上传框样式---*/
  .attachmentBody{
  margin:0px;font-size:12px;background:#F8F6E9
  }


全部贴出来了，求高人告诉我该改哪里的数值@ @

mymike

/*---主内容--*/
  #mainContent{float:right;margin-right:-230px;width:100%;background:#F8F6E9 url(right_main.png) repeat-y;text-align:center;}
这里面的margin是负值。但是你的皮肤并不是全屏的皮肤，不需要这样处理。
试试把改成margin:0;width:517px;

lichee0512

引用:

原帖由 mymike 于 2007-6-24 19:51 发表
/*---主内容--*/
  #mainContent{float:right;margin-right:-230px;width:100%;background:#F8F6E9 url(right_main.png) repeat-y;text-align:center;}
这里面的margin是负值。但是你的皮肤并不是全屏的皮肤， ...

还是不对@ @

mymike

原来#container下面有一个padding:5px，怪不得错位。
你把#mainContent{float:right;margin:0;width:507px;}再试试。

greanty

/*---工具条--*/
  #sidebar{float:left;..........

  /*---主内容--*/
  #mainContent{float:right;margin-left:0px;width:513px;background:#F8F6E9 url(right_main.png) repeat-y;text-align:center;}
  #innermainContent{overflow:visible;margin-left:0px;}

我自己改了下···这样应该还可以的···不知道你那边怎样·····

lichee0512

按照mymike的改了还是有错位现象。。
按照greanty MM的改了似乎没问题，在找朋友看。
暂时算解决了吧这个问题。。
不过好奇的是昨天改后为什么别人看都有白的一片，我自己家的机器就没问题。