久々の
ぷちスタイルシート・デザイン・カスタム・ソフト・ネタでございます
横に動くスクロールバーを消したいのですが、やり方が分かりません。
とメッセージをいただきました。早速その方のブログを拝見・・・
「あーたぶん原因はこれだなー」と思いましたので記事にします
もしも直らなかったらゴメンナサイ
試験的にやってみました。
やっぱりスクロールバー出ました
興味のある方は続きをどうぞ。
原因は画像のサイズです。
これはサムネイルで貼りつけてますが実際の大きさはかなり大きいです。
この画像を「元画像」で記事に挿入するとスクロールバーの出現です
右端のサンジくんが記事の幅からはみ出して隠れてしまってます。
スクロールバーを右にずらすと隠れていた部分が出てきます。
解決策としては画像をUPし直すかブログの記事幅を広げるかです。
幅を変えるにはスタイルシートを何カ所か弄らないといけないので面倒です
もう一つは過去記事の画像を全部UPし直すといいのですが、
これも枚数によっては大変な作業だと思うのでオススメできません・・・私ならしない
原因は単純な事なんですが直すとなるとけっこう面倒で大変ですね
なので「今後の記事が綺麗に表示されればそれでいい
」という場合の方法をオススメします
以下の事を設定すればOKです
その方は画像が
640px×480pxではみ出してましたのでたぶん
550~600pxぐらいでおさまりそう。
おそらくカメラの撮影画像の大きさが
640px×480pxになってるんだと思います。
出来るだけ大きな画像の方が良いと思いますのでご自分で最適な幅を決めて下さいね
スタイルシートを見ると記事の幅(.main)でわかるので少し小さめの数字を設定してね。
ちなみに私はブログの幅(.blog)が
600px・記事の幅(.main)が
590pxなので、
画像は常に
550pxでアップロードされるように設定しております。
設定は管理画面の「ブログ環境設定」からして下さい
画像一覧等の画面で最初から設定された数字が入ってます。
都度数字を変える事はできますのでとりあえず入れておくと便利。
携帯からの投稿(モブログ)でもこの幅(550px)にリサイズされてます。
私はモブログ多いですからねーとっても便利な設定だと思います
以上です。
※ブログの改造は自己責任で
お願いいたします。
改造に失敗されても責任取れません・・・苦情も困ります・・・すみません。
ご質問いただいても気付くのが遅かったり、忙しくてお応えできない時もございます。
また、わかる範囲で真剣にお答えしたいと思ってますが、
私には難しくてわからない事も沢山ありますのでご了承ください。
追記:
文字が隠れてしまう現象はもしかしたらCSSを弄らないとダメかも。
ブラウザによって見え方が違ったりするらしいですが詳しくはわかりません。
ブログのお友達でFirefoxの方がいて時々「表示がおかしいよ」ってメールくれます(笑)
たぶん文字はある程度の幅の所で折り返されてるし、
画像だけ直せば大丈夫だと思いますが一応書いておきます。
考えられるのは記事幅CSSの数字がおかしいかもしれません。
ブログの幅や記事幅を弄られた事はありますか???
.blog{width:
600px;
> .main{width:
590px; (私のブログの数字です。参考まで。)
ブログの幅より記事の幅が小さくないと文字が枠からはみ出て表示されます。
たまーに枠の外に文字が出てしまったりしてる人見かけます。
後は.mainの所にoverflow:auto;はありますか?
これは領域内に収まりきらない内容をどのように表示するかを指定するものです。
(なければ追記して!と思いましたがあるからスクロールバーが表示されてるはず。)
色々試してみましたがこれはちょっと自信がありません・・・すみません。
とりあえず画像の幅を小さくする事で改善されるかもしれません。
最悪は文字をある程度の数で改行されることで乗り切れます。
TOP画像リニューアル中 (2011-07-25 08:58)
Adobe Photo Downloader の停止 (2011-07-13 22:14)
リンクリスト ブログピープル (2010-11-23 22:07)
コメントにスクロールバーを設定 (2010-08-22 22:22)
カスタムプラグインにお気に入りを表示させる方法 (2010-07-21 21:18)
続きを読むのクラス (2010-07-11 20:52)