|
关于在不同分辨率下错位的问题,请路过的各位好汉进来看一下!谢谢!
前两天朋友给了俺一个皮肤,小弟重新翻板了一下,感觉还不错.但在发现在不同的分辨率会出现轻微错位(小于等于1024*768的分辨率显示正常,反之会出现错位),虽然问题不大,但看着实再不爽!小弟我才疏学浅~百度了N次~~google了X次~~还是没找到解觉的办法!只好在此求助了~
如图:
1
2
网页地址:http://www.xiaobox.com/blog
CSS:
global.css
----------------------------------------
body{<br />
nbsp; font-size:12px;<br />
nbsp; margin:0px;<br />
nbsp; padding:0px;<br />
nbsp; text-align:center;<br />
nbsp; background: URL(allbg.jpg) no-repeat top center #000000;<br />
nbsp; color:#000;<br />
nbsp; font-family: Verdana, Arial, Helvetica, sans-serif;<br />
}<br />
<br />
<br />
<br />
<br />
img {max-width: 100%;height: auto;}<br />
select{font-family: Verdana, Arial}<br />
th{background:#D5CBBE;border-bottom:1px solid #795B50}
复制代码
layout.css
------------------------------------------
/*---主体样式---*/<br />
nbsp; #container{width:710px;padding:126px 0px 0px 143px;text-align:center;}<br />
nbsp; #FlashHead{position: absolute;width:100%;left:0px;}<br />
nbsp; /*---顶部样式---*/<br />
nbsp; #container #header{width:710px;margin:0 auto;height:0px;}<br />
#container #header{color:#000000;height:279px;margin:0 auto;padding:0px;font-size:11px;text-align:left;font-weight:lighter;}<br />
nbsp; <br />
nbsp; #container #header #blogname{display: none;}<br />
nbsp; #container #header #blogname #blogTitle{display: none;}<br />
nbsp; #container #header #menu{padding-left:20px;padding-top:250px;height:5px;}<br />
nbsp; #container #header #menu #Left{}<br />
nbsp; #container #header #menu #Right{}<br />
nbsp; #container #header #menu ul{list-style:none;margin:0;height:10px;float:left;} <br />
nbsp; #container #header #menu ul li{float:left;height:10px;} <br />
nbsp; .menuL{width:10px;padding:0px;background: url('arrow2.gif') no-repeat;}<br />
nbsp; .menuR{} <br />
nbsp; .menuDiv{width:10px;padding:0px;background: url('arrow2.gif') no-repeat;}/*---菜单分割线---*/<br />
nbsp; /*---内容样式---*/<br />
nbsp; #container #Tbody{width:710px;margin:0 auto;text-align:left;padding-top:0px;background: url('mainbg.jpg') repeat-y;}<br />
nbsp; /*---工具条--*/<br />
nbsp; #sidebar{float:left;width:200px;margin:1px;padding:5px 0px 0px 20px;text-align:center;color:#000;background:#000}<br />
nbsp; #innersidebar{background:#000;}<br />
nbsp; #sidebar-topimg{height:0px;overflow:hidden;}<br />
nbsp; #sidebar-bottomimg{height:0px;overflow:hidden;}<br />
nbsp; /*---工具箱样式--*/<br />
nbsp; .sidepanel{margin:0 auto!important;margin:0px;}<br />
nbsp; .Ptitle{margin:0px;height:18px;text-align:left;padding:8px 0px 0px 24px;font-weight:bold;font-size:12px;color:#000000} <br />
nbsp; .Pcontent{text-align:left;color:#000;padding-left:12px;padding-top:4px;padding-bottom:4px;} <br />
nbsp; .Pfoot{margin:0px 0px 8px 0px !important;margin:-2px 0px 3px 0px;height:8px!important;height:6px;} <br />
nbsp; /*---主内容--*/ <br />
nbsp; #mainContent{float:left;margin-left:-260px;width:100%;text-align:center;}<br />
nbsp; #innermainContent{overflow:visible;margin-left:270px;}<br />
nbsp; #mainContent-topimg{height:0px;width:0px;overflow:hidden;}<br />
nbsp; #mainContent-bottomimg{height:0px;width:0px;overflow:hidden;}<br />
nbsp; .content-width{margin:auto;}/*--主内容元素的全局宽度--*/<br />
nbsp; /*---主内容页数--*/<br />
nbsp; .pageContent{margin:0 auto;padding:3px;text-align:left;height:18px;} <br />
nbsp; .NavTitle{float:left;font-weight:bold;}<br />
nbsp; .page{padding-right:5px;height:18px;}<br />
nbsp; .page ul{list-style:none;margin:0px;padding:0px} <br />
nbsp; .page ul li{float:left;padding:0px 3px 0px 3px;} <br />
nbsp; .page ul li.PageL {width:9px;height:16px;}<br />
nbsp; .page ul li.PageR {width:9px;height:16px;}<br />
nbsp; .PageLbutton{background:url('../../images/BttnLeft.gif') 0px 0px;width:9px;height:16px;display:block;}<br />
nbsp; .PageRbutton{background:url('../../images/BttnRight.gif') 0px 0px;width:9px;height:16px;display:block;}<br />
nbsp; /*---内容框--*/<br />
nbsp; .Content{margin:0 auto;padding-top:15px} <br />
nbsp; /*---日志标题框--*/<br />
nbsp; .Content-top{spadding:2px 2px 2px 44px !important;padding:10px 2px 2px 10px; color:#000;text-align:left;margin-bottom:2px;}<br />
nbsp; .Content-top .ContentLeft{width:0px;float:left;}<br />
nbsp; .Content-top .ContentRight{width:0px;float:right;}<br />
nbsp; .Content-top .ContentTitle{font-size:14px;color:#CC0000;padding-bottom:4px;margin:0px}<br />
nbsp; .Content-top .ContentAuthor{color:#666;font-size:11px;padding-top:4px;padding-left:3px;border-top:1px solid #DBDBD0;margin:0px;font-weight:100;} <br />
nbsp; /*---日志内容框--*/<br />
nbsp; .Content-body{margin:10px auto;overflow:hidden;text-align:left;width:96%;line-height:150%;color:#5B5B5B}<br />
nbsp; /*---日志内容底部--*/<br />
nbsp; .Content-bottom{text-align:right;background:url(dot.png) repeat-x;height:30px;padding:3px 2px 20px 2px;}<br />
nbsp; .Content-bottom .ContentBLeft{width:0px;float:left;}<br />
nbsp; .Content-bottom .ContentBRight{width:0px;float:right;} <br />
<br />
nbsp; /*---日志其他信息--*/<br />
nbsp; .Content-Info {margin:3px 4px 6px 4px;padding:0px}<br />
nbsp; .Content-Info .InfoAuthor{text-align:left}<br />
nbsp; .Content-Info .InfoOther{float:right;text-align:right;}<br />
nbsp; <br />
nbsp; /*---UBB框--*/ <br />
nbsp; .UBBPanel{background:#F5FAFE;border-left:2px solid #109AE9;overflow:auto;width:450px;}<br />
nbsp; .UBBTitle{font-weight:bold;padding:4px;background:#C0E3F7 url(bt.gif) right 0px no-repeat;border-bottom:1px dotted #109AE9}<br />
nbsp; .UBBTitle img {display:none;}<br />
nbsp; .UBBContent{padding:6px;line-height:160%;}<br />
nbsp; .UBBContent TEXTAREA {width:430px;border:1px solid #8DC112;margin-bottom:2px;font-size:12px}<br />
nbsp; <br />
nbsp; /*--评论框--*/<br />
nbsp; .comment{text-align:left;margin:0px 0px 15px 0px;}<br />
nbsp; .commentinfo{font-size:11px;}<br />
nbsp; .commenttop{padding:4px;background:#E2F3FD;border-top:1px solid #2DA5F2}<br />
nbsp; .commenttop a:link,.commenttop a:visited{color:#115380;}<br />
nbsp; .commentcontent{padding:10px;line-height:140%;overflow:hidden;background:#fff;border-bottom:1px solid #000000;margin-bottom:-1px}<br />
nbsp; .commentcontent .UBBPanel {width:400px}<br />
nbsp; .commentcontent .UBBTitle {background:#C0E3F7 url(bt1.gif) right 0px no-repeat;}<br />
nbsp; :link.UBBLink,:visited.UBBLink{font-size:11px;font-family:verdana;}<br />
nbsp; <br />
nbsp; <br />
nbsp; /*---信息框--*/<br />
nbsp; #MsgContent{border:1px solid #DBDBD0;width:430px;padding:1px; background:#fff;margin:0px 0px 0px 6px;float:left;}<br />
nbsp; #MsgContent #MsgHead{background:#000000;padding:4px;text-align:center;font-weight:lighter;color:#fff}<br />
nbsp; #MsgContent #MsgBody{padding:4px;line-height:180%;}<br />
<br />
nbsp; .LDialog{border:1px solid #795B50;margin:3px auto;padding:1px;}<br />
nbsp; .LDialog .LHead{background:#BBA097;padding:1px;color:#fff;text-align:center;font-weight:bold;}<br />
nbsp; .LDialog .LBody{padding:4px;line-height:200%;}<br />
<br />
<br />
/*信息框图标以及文字*/<br />
nbsp; .MessageText{height:76px;margin-right:18px;margin-top:2px}<br />
nbsp; .MessageIcon{background:url(Message.jpg) no-repeat;width:48px;height:72px;float:left;}<br />
nbsp; .ErrorIcon{background:url(Error.jpg) no-repeat;width:48px;height:72px;float:left;}<br />
nbsp; .WarningIcon{background:url(Warning.jpg) no-repeat;width:48px;height:72px;float:left;} <br />
nbsp; .QuestionIcon{background:url(vQuestion.jpg) no-repeat;width:48px;height:72px;float:left;}<br />
nbsp; <br />
nbsp; /*---底部样式---*/<br />
nbsp; #container #foot{background:url(foot.jpg);margin:0px;padding:0px 0px 0px 10px;height:140px;text-align:left}<br />
nbsp; #container #foot p{margin:0px}<br />
nbsp; /*---文件上传框样式---*/<br />
nbsp; .attachmentBody{<br />
nbsp; margin:0px;font-size:12px;background:#fff<br />
nbsp; }
复制代码
崇拜这里的牛人很久啦~以至于小弟一潜水,从不敢出来撒野~
这次还请走过路过的大牛进来帮帮忙~感激不尽! |
|