修正以及修改博客皮肤(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 阅读(293) 评论(0) 编辑 收藏

公告

GK:专注DotNet平台下的开发

订阅


昵称:GuaiKe
园龄:2年3个月
粉丝:0
关注:0

导航

统计

  • 随笔 - 3
  • 文章 - 0
  • 评论 - 0
  • 引用 - 0

搜索

 

随笔分类

积分与排名

  • 积分 - 1679
  • 排名 - 22169