ライブドアブログにおいて記事の横幅を広げるやり方

解決済

質問者：yatsuta51
質問日時：2014/04/12 07:43
回答数：2件

ライブドアブログにおいて記事の横幅を広げるやり方を教えて下さい。
調べてみたんですが、CSSを書き換えればいいというところまでは、
わかったんですが、その先のカスタマイズのやり方がどうもわかりません。

使用しているテンプレートのCSSの全体の枠組みのところのコードは、
下記のようになっています。

/** 02. Layout - レイアウト（全体の枠組み） */
/* ----------------------------------------------- */

body {
margin: 0 0 10px 0;
padding: 0;
min-width: 1030px;
background: #FFFFCC;
text-align: center;
}

div#container {
margin: 0 auto;
height: 1%;
width: 100%;
background: #fff;
position: relative;
}

div#content {
width: 1030px;
margin: 0 auto;
}

div#main
, div#sub
, div#extra {
overflow: hidden;
}

div#main {
float: left;
display: inline;
width: 100%;
}

div#main div.column-inner {
margin: 0 225px 20px 225px;
}

div#sub {
float: left;
display: inline;
margin-left: -100%;
}

div#sub div.column-inner {
width: 200px;
padding-right: 15px;
}

div#extra {
float: left;
display: inline;
margin-left: -215px;

}

div#extra div.column-inner {
width: 200px;
padding-right: 15px;
}

/* ----------------------------------------------- */
/** clearfix */

div#container:after
, div#content:after
, ul.article-navigator:after
, ul.archives-navigator:after
, div.article-body:after
, div.article-body div.article-body-more:after
, div#trackback-form ul:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

/** hasLayout */
div.blog-title-outer
, h2.archives-title
, div.article-body
, div.article-footer
, h2.article-title
, div.pager
, ul
, div.index-navigator-outer {
height: 1%;
}

/** peek-a-boo bug */
div#trackback-form
, div#trackbacks-list
, div#comments-list
, div#comment-form {
height: 1%;
}

ここをどう変えれば記事の幅を広げることが出来るのか教えてください。
お願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

No.2ベストアンサー

回答者： kobliha
回答日時：2014/04/12 11:09

div#content {

width: 1030px; /* ブログ全体サイズ */
margin: 0 auto;
}
このサイズを大きくすれば、メインコラムもソレに応じて拡がってくれる。
メインコラムは
div#main {
float: left;
display: inline;
width: 100%;
}
であり、100% 以上にすることができない。