![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
No.1ベストアンサー
- 回答日時:
左サイドバー +30px、メイン +120px、右サイドバー +50px で合計 +200px とする場合。
http://templates.blog.fc2.com/template/cloud/clo …
左右のシャドウ画像であるが、幅に合わせて自分で作り変え、アップロードして。その URL で書き換えること。
body {
color : #333;
background : url("http://templates.blog.fc2.com/template/cloud/clo … top center repeat-y;
引用符 " はなくてもよい。
div#container {
width: 1000px; /* 1000 = 800 + 200 */
margin-left : auto;
margin-right : auto;
background-color : transparent;
text-align : left;
}
div#header {
margin-bottom:15px;
padding:60px 0 20px;
text-align:center;
background:url(http://templates.blog.fc2.com/template/cloud/clo … no-repeat center top;
border-bottom:1px dashed #ddd;
}
ヘッダー画像も余白ができるので、サイズ位が不満なら作り変え。
center top を半角空けて追加。(中央配置)
div#wrapper {
float : left;
width : 770px; /* デフォルトが 400 + 180 + 20 + 20 という計算なので、 520 + 210 + 20 + 20 とする */
}
div#blog_content {
float : right;
width : 440px; /* 触らずとも良い */
padding : 0 20px;
voice-family : "\"}\"";
voice-family : inherit;
width: 520px; /* 520 = 400 + 120 */
}
html>body div#blog_content {
width: 520px; /* 520 = 400 + 120 */
}
div#left{
float : left;
width: 210px; /* 210 = 180 + 30 */
}
div#right {
float : left;
width: 230px; /* 230 = 180 + 50 */
}
この回答への補足
うまく左カラム、真ん中の記事、右カラムは広がったのですが
ブログの表示順が左カラム、右カラム、記事の順に表示されてしまいます。
画像の幅の問題なのか、何か私が勘違いして記述してしまっているのか、
原因がわかりません。なぜだろう……。
わー、できました!!
ドのつく素人の私の質問に、こんなに丁寧に教えて下さり
ありがとうごさいました。ものすごく感謝してます。
補足の件は私のコピペミスでした。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- WordPress(ワードプレス) ワードプレスで記事を書くスペースの横幅を広げたいです。 1 2022/09/24 18:16
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- FC2ブログ FC2ブログで文字を小さくしたいです。小さくする方法を教えてください。 1 2023/08/26 00:46
- FC2ブログ FC2ブログでプロフィールが2つ表示されます。 2 2023/08/14 17:05
- FC2ブログ どうやるのか、さっぱり分かりません。ブログ引っ越したいと思っています(URLだけを変えたい)。 3 2022/12/01 07:40
- iPad iPadでoutlookのビューの幅を広げたいのですが、やり方が分かりません。 iPadでoutlo 2 2022/12/29 10:56
- HTML・CSS FC2カートのテンプレートでの商品表示について 1 2023/03/02 18:05
- Excel(エクセル) ある数値に対して、値を返す数式についてです 2 2022/09/13 22:06
- デスクトップパソコン QRコードの作り方と可能な範囲。 4 2022/11/13 13:46
- JavaScript ブラウザの横幅に応じてとある画像(e.jpg)を画面いっぱいに表示できるようにしたいです。(写真の横 1 2022/10/06 21:17
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
FC2は信用度は大丈夫ですか?
-
FC2ブログってログインせず放置...
-
FC2ブログ、管理画面への不正ア...
-
fc2動画で共有した動画をスマホ...
-
FC2ブログに登録をしていない人...
-
Fc.2動画って有料ですか、無料...
-
アベマブログでこちらの設定が...
-
FC2の掲示板を利用しています。
-
洗濯タグの画像
-
ブログでランキング、順位が上...
-
FC2ブログで文字を小さくしたい...
-
FC2ブログでプロフィールが2つ...
-
「教えてgoo」と、中古車販売の...
-
比較のしようがありませんが、...
-
mbti教えてください
-
元カレが自分の写真を
-
ブログは記事が更新されたら読...
-
テキスト版からURLも表示できる...
-
フロッグフォビアとはなんですか?
-
ブログの記事を勝手に消された...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
wordpress カスタムフィールド...
-
ブログのデザインがずれる原因
-
ライブドアブログにおいて記事...
-
WordPressのヘッダー上部の余白
-
タグ
-
ブログの背景色について
-
CSS疑似フレーム内の文字色の指...
-
FC2ブログで横幅を広げタイトル...
-
アメーバのブログ 画像の貼り付け
-
FC2ブログ タイトルの文字を...
-
記事の見出しタイトル
-
FC2ブログ プロフィールイラス...
-
アンドロイドで文字が左に偏る。
-
fc2ブログで記事とサイドバーに...
-
ブログ記事内に文章を左右2列に...
-
FC2ブログの右サイドバーが落ちた
-
ロリポブログのcss:センターに...
-
ブログのメイン記事の幅を広げ...
-
MovableTypeのサブカテゴリ字下...
-
MovableTypeでCSSにコメントを...
おすすめ情報