解決済

clip!clip!
Ads By Google

何と説明してよいのか分かりません。お手数ですが見て頂いたらお解りになるかと思います。




同じように設定しているはずなんですが、下のページは左側のメニューバナーがズレてしまいます。何がどう間違っているのでしょうか?どなたかお願いします。

2006-03-03 13:23の質問
livedoor  メニュー  blog  WEB  よい  
livedoor
livedoor のホームページはこちらです
www.livedoor.com/
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(4)

3.

2006-03-03 15:20:08ベスト
スタイルシートでの横幅確保に関する指定が不足しているのと、ずれるメニュー部分の中央揃えとする指定がないのを修正します。

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

修正は2箇所ありますが、まずはスタイルシートの修正です。「sidebody」というのを見つけて、横幅を指定します。今回は、画像に合わせて、「width:165px」とします。

修正前の例)
.sidebody{
margin-bottom:5px;
}

修正後の例)
.sidebody{
width:165px;
margin-bottom:5px;
}

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

次に、左側のメニュー部分です。見た感じ、プラグインのフリーエリアを使っていらっしゃるのでしょうか。フリーエリアを修正する例を紹介します。

ブログの投稿画面で、「カスタマイズ/管理」を選び、「プラグインの設定」を選ぶとプラグインが一覧できます。メニューの入った「フリーエリア」を選び、「編集する」ボタンを押します。

一番上と一番下に、中央揃えを指定するタグ、「center」を追加します。最初には「<center>」を、最後には「</center>」を追加します。

修正前の例)
~メニューが書いてある部分~

修正後の例)
<center>
~メニューが書いてある部分~
</center>

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

1.

2006-03-03 13:25:40ベター
見た限りずれてないですよ

2.

2006-03-03 13:46:08ベター
なるほど、確かに見比べるとずれてますね。
ん~・・・でもごめんなさい、私知識あまりないので、ちょっとお力になれません・・・
自信度 : 自信あり

4.

2006-03-03 15:29:23
単にデザインのせいでは?
画像のエリアに
<center>該当画像</center>でタグをくくってみて、

デザインの上のページは左隅に余白がありサイドバーのエリアが
若干せまいですが
下のページは余白が無いので
広くラインの画像とリンクの画像の幅があわないと思います
自信度 : 自信なし 回答レベル : 補足要求
Ads By Google

コメント(3)

2006-03-03 13:31:39

本当ですか?私のモニターで見る限り、エクスプローラーだと微妙に左側にメニューバナーがズレているのですが・・。

2006-03-03 16:38:47

ありがとうございました。無事解決する事が出来ました。複数の回答ありがとうございました!

2006-03-04 00:27:02

無事解決となったようで良かったです。見に行くと直っておりました。ベスト回答もありがとうございます。

トラックバック(2)

トラックバックURL: