解決済

clip!clip!
Ads By Google

3カラムでプラグイン(サイドバー)の左が右へ、右が右下へずれて表示されます。

 突然ページ全体の表示が崩れて、左のサイドバーが右に、右のサイドバーが下へずれて表示されるようになりました。テンプレートを変えたり、再構築を全体にかけたりを繰り返しましたが、直りません。

 中央の画像が少し大きめで、外部参照をしています。そのためCSSで表示幅をいじりました。が、いじっていないデフォルトでも崩れます。
 環境はMac OS10.4(Intel Mac)です。

 表示幅をいじった部分は下記です。それぞれwidthに200px加算しています。

#blogcontainer width:975px(もとは775px)

#wrapper width:785px(もとは585px)

#content width:395px(もとは195px)

#blog width:575px(もとは375px)

2007-03-14 10:24の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(2)

1.

2007-03-14 11:38:07みんなナイスな
3月09日 の記事で一番最後に </div>がありませんか?付いてたら削除して下さい。
2月28日 の記事の画像が大き過ぎるので  width="600" height="272" を width="550" height="249" 以下にしてみて下さい。

2.

2007-03-14 12:38:48みんなナイスな
まず、スタイルシートの変更箇所ですが、質問に載っている文に関しては問題ないようです。
もっとも「いじっていないデフォルトでも崩れます」ということですから、始めから考慮する必要はないのかも知れません。

質問の内容から、原因は、記事かプラグインでしょう。
Mac OS Xをお使いですから、Windows IEで起こるような、画像や映像、表など、中のものの大きさや並べ方の問題は関係ないでしょう。
(回答1を見ると、サイズの大きい画像が指摘されています。
Windows IEで見た場合は、サイドバーが落ちる可能性がありますから、直しておいたほうが良いかも知れません。)

そう考えると、一番、可能性があるのは、HTMLタグです。
HTMLタグの閉じ忘れ、対応の狂いはないですか?
書き間違いはありませんか?
(回答1を見ると、<div>と対応しない</div>があるようですから、それが原因かも知れません。)

まだ解決できない場合は、ブログのURLを書いておいて下さい。見たほうが早いです。なくても探す人はいますが、面倒なので、回答者が限られます。
回答レベル : 回答
Ads By Google

コメント(1)

2007-03-15 08:47:41

みなさま、ありがとうございます。おかげさまで、表示の崩れが解消できました。

回答1の</div>の削除と画像の縮小表示で解決しました。

ブログのURLを書き忘れて、ご心配&お手数をおかけしてしまい、申し訳ありませんでした。
としきぴ堂:http://blog.livedoor.jp/toshikipi/

トラックバック(2)

トラックバックURL: