修正以及修改博客皮肤(kubrick,也是wordpress 默认皮肤之一)

  博客皮肤kubrick, 地址 :http://www.cnblogs.com/SkinUser.aspx?SkinName=kubrick。 kubrick是一款很简约的博客皮肤,偶尔在小窗体浏览的时候,发现些问题。默认情况下,当Body宽度小于960的时候,正文将出现变形的情况,大家可以去给出的地址中随便找个博客去实验下。最后测试排查,发现问题的主要原因在于下面一段css:

代码
body 
{
    background
:#d6d3d6 url(images/o_kubrickbg.jpg) repeat-y center !important;    
    
/*background:#d6d3d6 url(images/o_kubrickbg_4ie.jpg) repeat-y center;*/
    color
:#333;
    font-size
:10pt;
    font-family
:Verdana, Arial, Sans-Serif,'Lucida Grande';
    margin
:0 auto;
    padding-left
:1px;
    padding-left
:0px\0;
    margin-bottom
:0px;
    width
:960px;
}

 Body 去掉背景图片设置,css改成:

代码
body 
{
    background
:#d6d3d6;
    color:#333
;
    font-size
:10pt;
    font-family
:Verdana, Arial, Sans-Serif,'Lucida Grande';
    margin
:0 auto;
    padding-left
:1px;
    padding-left
:0px\0;
    margin-bottom
:0px;
    width
:960px;
}

 然后修改Wrapper 元素样式,原CSS:

代码
#wrapper{
          margin-bottom
:0px;
          padding-bottom
:0px;
          width
:960px;
          margin
:0 auto;
        
}

 新的CSS为:

代码
#wrapper {
           width
: 1140px; 
           height
: auto; 
           background
: url(images/o_kubrickbg.jpg) repeat-y center !important;  
           overflow
: hidden; 
  
}

 偶的样式 是总宽度 1140px 的!

posted on 2009-11-27 14:48  GuaiKe  阅读(613)  评论(0)    收藏  举报

导航