解決済
デザインを中央にしたい
ブログのデザインを「コンクリート（2カラム）」にしたのですが、画面全体が左寄りになってしまいます。カスタマイズで編集しようとしたのですが、どこをどうするばいいのか分かりません。どなたかアドバイスの程、よろしくお願い致します。ブログURLhttp://blog.livedoor.jp/arbitrary_student/
コンクリート（2カラム）
回答(3)
3.
body{
margin:0;
padding:0;
color:#4d4d4;
background:#fff url(http://
parts.blog.livedoor.jp/img/usr/concrete/bg.jpg)
repeat-y 0% 0;
font-family:arial ,sans-serif;
text-align:center;
}
この中のrepeat-y 0% 0;という部分を
repeat-y 50% 0;と書き換えてください。
これにより、ブログ本体だけでなく、コンクリートの背景画像も中央寄せになります。
早速やってみてください。
指定どおりにしてみたところ、今度こそ上手くいきました！！！何回も親切にアドバイスしていただきまして、本当にありがとうございました！！本当に助かりましたm(_ _)m
1.
body{
margin:0;
padding:0;
color:#4d4d4;
background:#fff url(http://
parts.blog.livedoor.jp/img/usr/concrete/bg.jpg) repeat-y 0% 0;
font-family:arial ,sans-serif;
text-align:left;
}
一番下の "text-align:left;" を "text-align:center;" に書き換えて保存⇒再構築してみてください。
mannendoco_life
回答どおりやってみたところ、記事がちゃんと中央配置になりました。教えていただきまして大変助かりました。ありがとうございました。
2.
ブログ全体を中央寄せにしてみたのですが
>>1 に不備があることがわかりました。
>>1 に加え、#containerと#banner,subbannerのmarginの値を以下のように書き換えてください。
#container{
width:753px;
margin:0 auto 0 auto;
text-align:center;
word-break:break-all;
}
#banner,#subbanner{
width:753px;
height:129px;
text-align:left;
margin:0 auto 0 auto;
}
ついでに、#headerのwidthを
width:100%;にすれば、全画面表示した時に見栄えが良くなるかと。
※全体を中央寄せにしたブログのサンプル↓
http://blog.livedoor.jp/mannendoco_trial/
※このブログは検証用なので、７月１９日にデザインを変更してしまうかもしれません
mannendoco_life
コメント(11)
あなたのブログそのもののURLを教えてもらったほうが
解決は早いと思いますよ。
>♯1
失礼いたしました。それでは私のブログのURLを投稿しておきます。
http://blog.livedoor.jp/arbitrary_student/
うまくいきましたか。それは良かった(^^)
>>4
わざわざ私のブログにコメントで教えていただきましてありがとうございました。私個人といたしましては、>>1だけでも今まで自分では出来なかった事が出来たので、満足していたのですが、さらに完璧な回答をしていただきまして、重ねてお礼申し上げます。
ここまでしていただいたので、誠に恐縮ですが、実際に指定どおりに変更してみたのですが、なぜか上手くいきませんでした。何度か試してみたのですがダメでした。
ここに（ここに貼り付けていいのか分かりませんが）私が変更した部分を貼り付けておきますので、もし御覧になられているのでしたら、どこか間違っているかアドバイスを下さい。よろしくお願いいたします。
>>6の続きです。
#container{
width:753px;
margin:0 auto 0 auto;
text-align:center;
word-break:break-all;
}#banner,#subbanner{
width:753px;
height:129px;
text-align:left;
margin:0 auto 0 auto;
}ひゃあ～申し訳ない（＞ ＜）
>>2 にも不備があることがわかりました！（不備だらけで面目ないorz）
>>#6
＞指定どおりに変更してみたのですが、なぜか上手くいきませんでした
yantanさんは間違っていません。
>>#7
はい。合ってます。
修正していただきたい部分は
>>1 のbodyの・・・（つづく）
