ライブドアブログにおいて記事の横幅を広げるやり方を教えて下さい。
調べてみたんですが、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ランキング
-
ライブドアブログのサイドバー...
-
FC2のテンプレで質問です。
-
HEAD・HTMLの行間改行が上手く...
-
Excel2007のデータ追跡機...
-
goo blogで下書きを保存して、...
-
ドリームウィーバーでの文字の...
-
Hotmailでテンプレートできます...
-
FC2ブログについて質問があるん...
-
テンプレート方法
-
Movable typeにてスタイルシー...
-
アメブロの更新通知メールで迷...
-
赤ちゃん誕生 お知らせポスト...
-
FC2ブログのプラグイン追加で、...
-
EXCEL2007のヘッダー・フ...
-
ブログの文字を大きくしたい
-
goo ブログの下書き保存方法
-
ソースの貼り付け方法
-
gooブログの文字サイズ
-
ocnテンプレートをgooで...
-
Powerpointの表のスタイルで好...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
wordpress カスタムフィールド...
-
ライブドアブログにおいて記事...
-
ブログのデザインがずれる原因
-
WordPressのヘッダー上部の余白
-
タグ
-
ブログの背景色について
-
CSS疑似フレーム内の文字色の指...
-
FC2ブログで横幅を広げタイトル...
-
FC2ブログ タイトルの文字を...
-
アメーバのブログ 画像の貼り付け
-
記事の見出しタイトル
-
FC2ブログ プロフィールイラス...
-
MovableTypeのサブカテゴリ字下...
-
アンドロイドで文字が左に偏る。
-
ブログ記事内に文章を左右2列に...
-
ロリポブログのcss:センターに...
-
ブログのメイン記事の幅を広げ...
-
MovableTypeでCSSにコメントを...
-
fc2ブログで記事とサイドバーに...
-
FC2ブログの右サイドバーが落ちた
おすすめ情報