一度解決したはずなのに・・・?
またまた「サイドバーが落ちてるよ」と言われ、困っています。
以前に友人から「ブログのサイドバーが落ちてるよ」と言われ、ナレッジを検索しながら・・・写真をサムネイル表記にしたり、写真データの後に段落を入れたりして、何とか解決したはずでした。
しかし、最近になりまた別の方から「家で見ても、会社で見ても、サイドバーが落ちてるよ」と連絡を受け、この休日にその方のお宅を訪問し、確認させていただくと、確かにサイドバーが落ちています。
原因を自分なりに考えて見ましたが、サムネイル作成の横幅を「480px」にしているため、大きすぎてそうなったとしか思い当たりません。
もしそれが正解で「サムネイル作成の横幅」を小さくすることで解決するなら、px数はどれくらいが妥当(安全)なのでしょうか? (写真中心のブログなので、できるだけ大きく表示したいんですが・・・。)
また、過去にアップロードしたファイルを一気に妥当なpx数に変換できるのでしょうか?
よろしくご教授をお願いします。
なおブログのアドレスは次の通りです。
回答(3)
3.

とりあえず緊急にサイドを戻したいのであれば
スタイルシート(CSS) にある
#contentのカッコ内に
overflow: hidden;を入れて再構築、確認してください。
しかし、本文の枠組みから、飛び出した部分はカットされてしまいます。
気になる場合、60px ぐらい本文を広げれば収まりそうです。
#container width:722px > 782px
#blogcontainer width:722px > 782px
#content width:485px > 545px
#blog width:485px > 545px
に変更。タイトル画像が短くなってしまうのが気になる場合
#banner,#subbanner width:722px も 782px
に修正し、画像も大きく修正し、差し替えてください。
過去の画像は 480px 以上のものもありそうですね。
それも気になる場合、例えば最大が 520px だったら、
更に 40px づつ大きくしてみてください。4ヶ所に増やした数字を足すだけです。
>うさこさんへ
いいアドバイスを有難うございました。
写真が主体のブログですので、過去記事の文字の段落の乱れよりは写真が欠けずに表示されるほうが、私にはベターです。
連絡をくれた方のPCでも「完璧」と返事をいただきました。
本当に助かりました。有難うございました。
1.
160:120。割合が4:3。この割合で横幅を出せば、最大で
400~440の間が妥当。と思います。
2.
解決方法としては、画像の大きさを小さくする方法になりますが、
過去のもの全てを調整するのは、大変だと思います。
別の方法として、最近の新しいデザインに変更する方法が、
簡単で良いと思います。
ブラウザの表示の大きさで、記事表示幅が変わるのですが、
画像が大きくてもサイドバーが落ちることは無いようです。
コメント(4)
2カラム表示スタイルであればFirefoxで正常に表示しています。
IE6で閲覧すると確かに落ちます。IE7,IE8も同様なのかな?
(マイクロソフトのブラウザが悪い?)
確かに写真が記事欄からはみでていますから、このへんを調整してみることですね。
「Aフラッグ隊ロッキー様」「miny様」「ゾーロク様」
早速のアドバイス有難うございます。
新デザインにすることで、過去のファイルも生きるなら、そうしてみたいと思います。
ではどのデザインあたりが新しくていいのか・・・?
また480pxの写真ファイル幅にみあう記事表示幅はどの部分で確認すればいいのか・・・?
恐れ入りますが、再度ご教授いただけますでしょうか m(_ _)m
(o^∇^o)ノ
お役にたてて良かったです♪
自分の思い通りの形にするのが一番です!!



