解決済

clip!clip!
Ads By Google

もう少し全体的に右に寄せたい

過去ログ探しても適当な物が見当たらなかったので質問させて下さい。

デザインがコンクリートなのですが、
私の環境(解像度1920×1200)で見ると、
本文及びサイドバーが左側へ寄ってしまって
いる為、もう少し全体的に
右に寄せたいのですが、デザインの変更以外
に方法はありませんでしょうか?

3カラムのように画面の真ん中に表示する事が
最高なのですが、2カラムで同じように表示
したいのです。

よろしくお願いします

2006-03-04 02:54の質問
ラム  コンクリート  探して  
ラム
全国の厳選された逸品グルメをお届け!
umaimono.tv/
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(2)

2.

2006-03-05 04:21:52ベスト
コメント欄からの追記、背景画像を中央揃えにする方法も紹介します。

ブログの投稿画面で、上のメニューから「カスタマイズ/管理」を選び、左側「デザインの設定」を選びます。一番右下、「カスタマイズ」を選びます。表示されているのがスタイルシートになります。「background-position: center;」を追記します。

修正前の例)
body{
margin:0;
padding:0;
color:#4d4d4;
background:#fff url( ) repeat-y 0% 0;
font-family:arial ,sans-serif;
text-align:left;
}

修正後の例)
body{
margin:0;
padding:0;
color:#4d4d4;
background:#fff url( ) repeat-y 0% 0;
background-position: center;
font-family:arial ,sans-serif;
text-align:left;
}

終わったら「この内容で保存する」を選んで保存します。
仕上げは再構築です。左上、「ブログに設定を反映(再構築)」を選び、下の方に「再構築する部分を指定」があるので、「全てのページ」を選んで「ブログを再構築する」というボタンを押せば完了です。

1.

2006-03-04 03:14:14
一度試してみてほしいのですが、3カラムデザインなどにおいては、center指定というものがあるので、中央揃えになります。高解像度の画面だと、ブラウザを最大化してみれば分かりますが、中央揃えの副作用で、右側に寄ればよるほど、表示が崩れているようにも解釈できてしまえるかもしれません。

ブログの投稿画面で、上のメニューから「カスタマイズ/管理」を選び、左側「デザインの設定」を選びます。一番右下、「カスタマイズ」を選びます。「スタイルシート(CSS)」右隣の「トップページ」を選びます。「container」というところを見つけて、前に追加します。

本当は、</center>という終わりの指定も必要なのですが、とりあえず今回は必要ないです。

修正前の例)
<div id="container">

修正後の例)
<center>
<div id="container">

※3カラムのデザインでは、<div align="center">などの指定を見かけますが、<center>指定とほぼ同義です。

終わったら「この内容で保存する」を選んで保存します。

仕上げは再構築です。左上、「ブログに設定を反映(再構築)」を選び、下の方に「再構築する部分を指定」があるので、「全てのページ」を選んで「ブログを再構築する」というボタンを押せば完了です。

見てみると、常に中央揃えなので、高解像度だと半分以上が白い白紙の上に、本文が載るため、あまり良い表示とはいえないでしょうが、高解像度の環境で使う人が少ないだろうし、玄人さんが多いことを考えたら、そのまま使ってみるのも一考だと思います。

要は、ブラウザを最大化せずに、若干縮めて使えば、きれいに見えるわけですし。(実際、私は高解像度でQXGAのような解像度で見ていますが、滅多と最大化して見ません。)
Ads By Google

コメント(6)

#1.  
2006-03-05 01:30:06

回答有難うございます。
本文とサイドバーは画面真ん中に来ましたが、
やはり背景がまだ左寄せになっています。
背景に<center>の指定はできますでしょうか?
宜しくお願いします

2006-03-05 04:14:21

いいえ、背景は動かさない方が良いように思います。いわゆる左端にひっつくからこそ、映えるデザインだと思うので。スタイルシートで操作できたか、ちょっと見てきます。

#3.  
2006-03-06 00:04:12

度々の回答有難うございます
スタイルシートで設定してみました所、
背景と本文とサイドバーが希望通りの場所に来ました。
ですが、コメント入力状態にすると
本文のみ左に寄ってしまいます。
背景は真ん中です

2006-03-06 02:35:35

>>1 私の回答1を見てください。修正をトップページに対してのみやっています。他のページも同じように修正してみてください。「個別記事ページ」、「カテゴリアーカイブ」、「月別アーカイブ」があります。

#5.  
2006-03-06 22:53:38

有難う御座いました!
希望に近い感じで仕上げることができました。

2006-03-07 04:09:27

何とかうまくやって頂けたようです。良かったです。ベスト回答もありがとうございます。

トラックバック(2)

トラックバックURL: