ライブドアブログにおいて記事の横幅を広げるやり方
ライブドアブログにおいて記事の横幅を広げるやり方を教えて下さい。
調べてみたんですが、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%;
}
ここをどう変えれば記事の幅を広げることが出来るのか教えてください。
お願いします。
お礼
回答ありがとうございました。