修正以及修改博客皮肤(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;
}
{
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;
}
{
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;
}
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;
}
width: 1140px;
height: auto;
background: url(images/o_kubrickbg.jpg) repeat-y center !important;
overflow: hidden;
}
偶的样式 是总宽度 1140px 的!

浙公网安备 33010602011771号