試行錯誤の末、小粋空間さんの説明を読んで、サイドバーに230pxのブログパーツを入れることが出来ました。
スタイルシートの内容を一部書き換えました。
/* 3カラムリキッド */
.layout-three-column-liquid #content {
width: 100%;
margin: 0 -230px; /*←元の数値は-200*/
height: 100%; /* for IE6 リサイズで中央カラムが右寄りになるのを防止 */
}
.layout-three-column-liquid .blog {
margin: 0 230px; /* ←元の数値は200 */
padding: 18px 15px 10px;
border-bottom: 1px solid #669;
border-left: 1px solid #669;
border-right: 1px solid #669;
height: 100%; /* for IE6 */
}
html>body.layout-three-column-liquid .blog {
padding: 10px 15px;
}
/* 3カラムリキッド(右サイドバー) */
.layout-three-column-liquid-right #content {
width: 100%;
margin-right: -385px;
/* height: 100%; *//* for IE6 リサイズで中央カラムが右寄りになるのを防止 */
}
.layout-three-column-liquid-right .blog {
margin-right: 385px;
padding: 18px 15px 10px;
border-bottom: 1px solid #669;
border-right: 1px solid #669;
height: 100%; /* for IE6 */
}
html>body.layout-three-column-liquid-right .blog {
padding: 10px 15px;
}
/* 2カラムリキッド(右サイドバー) */
.layout-two-column-liquid-right #content {
width: 100%;
margin-right: -200px;
/* height: 100%; *//* for IE6 リサイズで中央カラムが右寄りになるのを防止 */
}
.layout-two-column-liquid-right .blog {
margin-right: 200px;
padding: 18px 15px 10px;
border-bottom: 1px solid #669;
border-right: 1px solid #669;
height: 100%; /* for IE6 */
}
html>body.layout-two-column-liquid-right .blog {
padding: 10px 15px;
}
/* 2カラムリキッド(左サイドバー) */
.layout-two-column-liquid-left #content {
width: 100%;
margin-left: -200px;
/* height: 100%; *//* for IE6 リサイズで中央カラムが右寄りになるのを防止 */
}
.layout-two-column-liquid-left .blog {
margin-left: 200px;
padding: 18px 15px 10px;
border-bottom: 1px solid #669;
border-left: 1px solid #669;
height: 100%; /* for IE6 */
}
html>body.layout-two-column-liquid-left .blog {
padding: 10px 15px;
}
/* for IE7 */
*:first-child+html .layout-three-column-liquid-right .blog,
*:first-child+html .layout-three-column-liquid .blog,
*:first-child+html .layout-two-column-liquid-right .blog,
*:first-child+html .layout-two-column-liquid-left .blog {
padding-top: 18px;
}
/* リキッドレイアウト・サイドバー */
.layout-three-column-liquid #links-left-box {
top: 15px;
left: 0px;
width: 200px;
}
.layout-three-column-liquid-right #links-left-box {
top: 15px;
right: 0px;
width:200px;
}
.layout-three-column-liquid #links-right-box,
.layout-three-column-liquid-right #links-right-box,
.layout-two-column-liquid-right #links-right-box,
.layout-two-column-liquid-left #links-left-box {
top: 15px;
right: 0px;
width: 230px; /* ←ここがブログパーツの幅にあたる・・・*/
}
コメント