ライブドアブログにおいて記事の横幅を広げるやり方
ライブドアブログにおいて記事の横幅を広げるやり方を教えて下さい。
調べてみたんですが、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%;
}
ここをどう変えれば記事の幅を広げることが出来るのか教えてください。
お願いします。
お礼
ORUKA1951さんありがとうございます！ 幅の指定、floatも見直せたら考えてみます。 やはりmediaqueryで細かく設定していくのが早そうですね。 background-size:cover;は知りませんでした。 こんな便利な物が追加されてたんですね！使ってみます！