![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
ライブドアブログにおいて記事の横幅を広げるやり方を教えて下さい。
調べてみたんですが、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%;
}
ここをどう変えれば記事の幅を広げることが出来るのか教えてください。
お願いします。
No.2ベストアンサー
- 回答日時:
div#content {
width: 1030px; /* ブログ全体サイズ */
margin: 0 auto;
}
このサイズを大きくすれば、メインコラムもソレに応じて拡がってくれる。
メインコラムは
div#main {
float: left;
display: inline;
width: 100%;
}
であり、100% 以上にすることができない。
No.1
- 回答日時:
これから先もスタイルを変更するかもしれないので、自分で見つける努力をして見ましょう。
手前味噌ですが、ずっと昔書いていたLivedoorブログがまだ残っているので、載せておきます。
トップページのレイアウトを図式化した記事です。
http://blog.livedoor.jp/kaneR/archives/22545382. …
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- HTML・CSS 吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用にな 1 2022/11/12 17:55
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript ソースコードのいじる場所が分かりません。 1 2022/12/23 02:06
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- HTML・CSS img と p を縦中央に配置したいのですがうまくいきません。 2 2023/01/12 14:38
- HTML・CSS テキストを画面の真ん中に配置したいです。 2 2022/11/25 16:11
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ライブドアブログにおいて記事...
-
wordpress カスタムフィールド...
-
FC2ブログ ブラウザの違い
-
FC2ブログ タイトルの文字を...
-
Becky!ver.2で、返信・転送用テ...
-
Excelの標準テンプレート
-
Powerpointの表のスタイルで好...
-
blogサイズの変更
-
FC2ブログでのカテゴリについて
-
ブログタイトルを画像に変えた...
-
モーダルダイアログでボタン押...
-
はてなダイアリーのテンプレー...
-
FC2ブログ【トップページ作成】...
-
FC2ブログ 去の日付に変更
-
三つ折りのリーフレットを作りたい
-
FC2ブログのカスタマイズの許容...
-
図を文字にしてみたい
-
アメーバブログ
-
改ざんは修正や訂正という意味...
-
FC2ブログ リンクの作成
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
wordpress カスタムフィールド...
-
ライブドアブログにおいて記事...
-
ブログのデザインがずれる原因
-
WordPressのヘッダー上部の余白
-
タグ
-
ブログの背景色について
-
CSS疑似フレーム内の文字色の指...
-
FC2ブログで横幅を広げタイトル...
-
アメーバのブログ 画像の貼り付け
-
FC2ブログ タイトルの文字を...
-
記事の見出しタイトル
-
FC2ブログ プロフィールイラス...
-
MovableTypeでCSSにコメントを...
-
ブログ記事内に文章を左右2列に...
-
FC2ブログの右サイドバーが落ちた
-
アンドロイドで文字が左に偏る。
-
ロリポブログのcss:センターに...
-
ブログのメイン記事の幅を広げ...
-
MovableTypeのサブカテゴリ字下...
-
テンプレートの文字位置(本文...
おすすめ情報