FC2ブログ サイドメニュー

FC2ブログについての質問です。

サイトの右サイドメニューが画面縮小時にメイン記事に被ってしまって見づらくなってしまっています。
html編集などで色々試してみたのですがよくわからずに困っています。

あと、メイン記事を一つずつ分けるようにしたいのですが同様にわかりません。

こういった編集は初めてで無知なので、申し訳ありませんがどなたかご教授よろしくお願いします。

No.1 ベストアンサー 回答者： 4649panda 回答日時： 2011/04/29 23:35

>サイトの右サイドメニューが画面縮小時にメイン記事に被ってしまって見づらくなってしまっています。

html編集などで色々試してみたのですがよくわからずに困っています。

多分、編集するべきなのはhtmlではなくてCSSのほうだと思います。
画面を縮小した時、テンプレートの製作者の想定以下のサイズになり、レイアウトが崩れてしまうのだと思います。
右カラム、左カラムと、その二つを包む要素のwidthや、関連するmargin, paddingを調べてみると解りやすいと思います。
どのサイズでも干渉させないようにするなら、全体の(横幅に関する)指定を、計算した上で"%"表示にしてやればいいのではないでしょうか？

また、記事を一つずつに分けるには、記事ごとの要素(大抵「記事のタイトル」から始まり次の「記事のタイトル」の直前で終わっているclass要素)にmargin-bottomかmargin-topを入れてやると記事ごとに空間が空き、その要素をbodderなどで装飾してやると、一つ一つが個別のブロックのように見えると思います。

ただ、リキッドデザインや記事の一つ一つにボーダーが付いたレイアウトは結構あると思うので、現在のテンプレートにあまりこだわりがないのでしたら、別のものを探すほうが確実かも知れません。

この回答へのお礼

申し訳ありません、CSSでしたね・・・

迅速で丁寧な回答本当にありがとうございます。

この回答を参考にもっとよく見えるブログにできるように改善したいと思います。

ありがとうございました。

お礼日時：2011/04/30 01:52