Ads By Google
ブログのレイアウトを全体に画面の真ん中に配置したい。そうすればよいでしょうか?
選択したデザインはコンクリート2カラムですが、なぜかWindowsとMacでも画面全体が左寄せになっています。画面の真ん中に修正したいのですが、どの部分をどのように修正すればよいでしょうか?どうぞ宜しくお願いします。
2006-05-10 15:05の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(1)
3.
2006-05-12 01:22:36

ジュンさん。ご質問ありがとうございます。
horseflyさんの回答は残念ながら拝見いたしておりませんが、過去に同じようなご質問がありました。
参考にしてhorseflyさんに代わりまして、お答えさせていただきます。
body{
margin:0;
padding:0;
color:#4d4d4;
background:#fff url(画像のアドレス・変更の必要なし) repeat-y 50% 100%;
font-family:arial ,sans-serif;
text-align:center;
}
#container{
width:753px;
margin:0;
text-align:center;
word-break:break-all;
}
変更点は上記の3ヶ所だけでいけると思います。
(1)これが2ヶ所あります。
text-align:left; → text-align:center;
(2)画像のアドレスの後に1ヶ所あります。
repeat-y 0% 0; → repeat-y 50% 100%;
CSSの上記の場所を変更され、CSSを再構築されてください。
Text-Alignは全て小文字が良いと思います。
これでうまくいかないようでしたら、コメントにうまくいかない状態を具体的に書かれてください。
horseflyさんの回答は残念ながら拝見いたしておりませんが、過去に同じようなご質問がありました。
参考にしてhorseflyさんに代わりまして、お答えさせていただきます。
body{
margin:0;
padding:0;
color:#4d4d4;
background:#fff url(画像のアドレス・変更の必要なし) repeat-y 50% 100%;
font-family:arial ,sans-serif;
text-align:center;
}
#container{
width:753px;
margin:0;
text-align:center;
word-break:break-all;
}
変更点は上記の3ヶ所だけでいけると思います。
(1)これが2ヶ所あります。
text-align:left; → text-align:center;
(2)画像のアドレスの後に1ヶ所あります。
repeat-y 0% 0; → repeat-y 50% 100%;
CSSの上記の場所を変更され、CSSを再構築されてください。
Text-Alignは全て小文字が良いと思います。
これでうまくいかないようでしたら、コメントにうまくいかない状態を具体的に書かれてください。
返事が遅くなってしまい、大変すみませんでした。
確認できました。ありがとうございます。
Ads By Google
コメント(3)
#1. horsefly
2006-05-10 21:49:45
一度、回答したのですが、自分でやってみたら、livedoor Blogの調子が悪いらしくて再構築できず、確認できません。
とりあえず、消させてもらいます。
多分、大丈夫な筈ですが、確認してから、また回答します。
「ゆっくり」で良いのですよね。
#2. horsefly
2006-05-10 22:18:21
どうも、わたしの環境の調子が悪いのか、先に進めません。
どなたか、答えてしまってくれませんか?
わたしは、ちょっと確認しないと不安なところが出てきましたので。
#3. ジュン
2006-05-11 10:26:31
horseflyさん>
昨日教えていただいた方法を試しましたが、できませんでした。気になるのはText-Alignというのは文字列だけでしょうか?やりたいのは全体を真ん中にずらしたいことです。
素人でなにもわかりません。宜しくお願いします。



