解決済
私のパソコンでは正常に表示されているサイドバーが、他の方のパソコンでは下に落ちて表示されているそうです。どなたかこの現象について教えて下さい。
ブログ読者様から「今週はじめ位から左サイドバーが落ちている」という指摘を頂きました。私のパソコンからは正常に表示されているので全く気にしていませんでした。
こちらに既出のQ&Aを参考に原因を考えましたが、どれも該当しないようでどうしていいのかわかりません。
CSSのカスタマイズは一切していませんし、サイドバー自体も3ヶ月前から設置しており、
「プラグインの設定」→「編集」でもサイズ変更はしていません。
それでも念の為、「全てのページ」で再構築も行いました。
本文中に大きな画像は表示していません。
(サムネイル表示にしています)
改行せずに画像を並べている本文はありますが、
小さめのリンクバナーを2～3個並べているだけです。
それでもサイドバーに影響してしまうのでしょうか？
しかもバナー表示は、サイドバーが落ちるという指摘を受ける以前から本文中で使用しています。
本文の＜div＞タグ閉じ忘れもありません。
ちなみに私のパソコンはIE、解像度1280×1027で正常に表示されています。
別の読者様からは、「解像度1024×768でFirefoxなら正常に見えるけどIEだと落ちる。」
とご意見を頂きました。
CSSを変更する事で解消されるのでしょうか？
どなたか教えて下さい。
私のブログはこちらです
回答(2)
1.
CSSを拝見しての私なりの推測でアドバイスさせて頂きます。
必ずバックアップをとった上でお試し下さいませ。
ブログの構成枠について、CSSをご覧下さい。
#wrapperの幅（width）が#content（#blog）と#leftの幅（width）の合計値以上（同じ）になっているのですが、少しで良いので#contentの幅（width）を下げてみて頂けませんか?
そして再構築をしてみて直れば良いのですが…。
余裕が無くて落ちているのかもと単純に思っただけなので、原因とは違うかもしれません。（汗）
見た限り横幅がはみ出しているものはありませんので、フリーエリアに記述したタグに間違いがないかの確認ぐらいしかないと思います。
良かったらバックアップをとった上でお試し下さい。
この説明で分からない場合は、コメント欄からお尋ね下さいませ。
とても分かりやすい解説をありがとうございます♪
2.
CSSでサイドの幅を広げるか、カテゴリをテキストリンク形式に戻せば直ると思うよー。
カテゴリの文字数は見落としていた部分でした。お知らせ下さいましてありがとうございます♪
コメント(11)
確かに落ちちゃってますね。
Firefoxでは、平気だけど・・・
何が原因なのでしょうね。
私も見てみましたが、落ちてますねぇ。
素人なので何も分からず、回答出来ません。ごめんなさい。
＞＞コジーさん foissotteさん 華子さん
コメントありがとうございます。
もぉ諦めるしか無いのでしょうかねぇ・・・(TT)
>>2 〆ﾐ・д・,,ﾐ★さん
確かによく見たら、ほんの少しはみ出ていますね…。
先程は気づきませんでした。(^^ゞ
このデザインではサイドバーは現状が結構ギリギリなので、更に拡げるのは難しそうです。
ぇめさん。
カテゴリ名をもう少し簡略化（短く）出来ませんか?
短く出来れば解決出来るかもしれません。
＞＞望さん
回答ありがとうございます。
#contentの幅（width）を412pixから405pxまで下げてみました。
まだ下げ幅は小さ過ぎますか？(^^;)
＞＞望さん 〆ﾐ・д・,,ﾐ★さん
ありがとうございます。
カテゴリの一部を文字削除して狭めてみました。
表示の方はいががでしょう？
自分のパソコンからは正常に表示されるだけに
皆様からご意見を伺うしかなく、お手数をおかけして申し訳ございません!!
>>#6 ぇめさん
>#contentの幅（width）を412pixから405pxまで下げてみました。
下げ幅はそれで十分だと思います。
>カテゴリの一部を文字削除して狭めてみました。
サイドバーに収まっております。
修正ありがとうございます。
現時点（14日AM2:20）ブログを拝見した所、私から見るとサイドバーがきちんと正しく表示されております。
きちんと修正なさった結果だと思います。
おそらくもう大丈夫だと私は思いますよ。(^O^)
でも一応、読者様からの確認を得てから、「解決済み」にするかどうかを決めた方が確実だと思います。
おおっ！
きれいに表示されてますよ。
＞＞望さん 華子さん
ご確認ありがとうございます!
後ほど読者様よりご意見を伺い次第、解決とさせて頂きます(*^-^*)
先程読者様から「正常に表示されてる」とご報告を頂きました。
皆さんのおかげで助かりました。
本当にありがとうございました!
ナイスありがとうございます。
無事に解決出来て良かったです。
また何かありましたら、ご質問なさって下さいね。(*^_^*)
