ブログの幅を変えたい。【初心者です】

質問

FC2ブログのテンプレート

【　96_seo_pink-3ca　】

を使用させて頂いています。

タイトル幅・フリースペース幅・メイン記事の幅を広げたいのですが、
メイン記事だけどうしても出来ません。

メインにwidthを触ると、左カラムが下に落ちます。

ネットで調べましても該当するタグが見当たりません。

欲を言うと、サイトの中央に表示されるようにもしたいのですが、
優先は幅の調整です。

宜しくお願いします。

URL：http://1071973.blog.fc2.com/

*アダルトブログとなっておりますので、閲覧される際は
１８以上の方のみお願いします。

回答No.1

kobliha · ベストアンサー

このテンプレートはシチメンドークサク作ってある。
当時（2005 年のテンプレート）の画面サイズが今ほど大きくないこと。（普及タイプの画面で不自然さが感じられなかったかも）

#baseBlock {
width: 890px; /* C */
padding: 0px;
margin: 5px auto ;　/* 5px 5px から変更。 auto で左右均等の余白、つまり中央配置 */
text-align: center;
}
html>#baseBlock {
width:890px;padding:0px;margin:5px 0px;text-align: center; /* C */
}
#baseLeft {
width : 706px; /* D */
float : left;
margin: 10px 0px 0px 0px;
}
html>#baseLeft {
width: 706px; margin: 0px 0px 0px 0px; /* D */
}
#menu1Block {
float : left; width : 200px; /* A */
margin-top: 0px;
}
html>#menu1Block {
width:200px;margin-top:0px; /* A */
}
.menu1BlockBase {
width : 196px; /* A */
padding: 0px 1px 2px 1px;
background-color:#ff99cc;
border: 1px solid #ff88cc;
margin-bottom: 10px;
}
html>#menu1BlockBase {
width:196px;margin-bottom:10px;background-color:#ff8899; /* A */
}
.menu1BlockHead {
width : 194px; /* A */
font-weight: bold;
padding: 2px 0px 2px 0px;
background-color:#ffcccc;
border-top: 3px solid #ff88cc;
border-right: 3px solid #ff88cc;
border-left: 3px solid #ff88cc;
}
.menu1BlockBody {
width : 191px; /*A */
padding-left: 3px;
text-align: left;
background: url(省略);
}
.free_space_body {
width: 487px; /* B */
padding: 3px;
text-align:center;font-size:15px;
border-top: 3px solid #ffaacc;
border-right: 1px solid #ff8899;
border-bottom: 1px solid #ff8899;
border-left: 1px solid #ffaacc;
margin-bottom: 10px;
filter: progid:DXImageTransform.Microsoft.Gradient
(省略);
}
#mainBlock {
float : right; margin-top: 0px;
width : 490px; text-align: left; /* B */
}
html>#mainBlock {
width:490px;margin-top:0px; /* B */
}
.mainEntryBase {
margin: 0px 0px 5px 0px;
width : 490px; /* B */
}
#footBlock {
width: 878px; /* C */
text-align : center;
padding: 0px;
clear: both;
}
html>#footBlock {
width:878px; /* C */
}

左プラグインとメイン部分を広げたかったのであろう。
A の増分プラス B の増分の合計を C また D の増分としなければ、サイドバーが落ちたりする。
つまり、「算数」の問題。
他に width: **px; 　で「三桁」のものはないハズ。

お礼

無事変更できました！

何日も悩んでいたので、本当に有難うございました。