解決済
スクロールバーを削除したい
下のスクロールバーが無意味に表示されるので、削除したいのですがどなたか方法をお教えください。ちなみに、デザインはフォト・満月です。
2008-06-19 22:13の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
Ads By Google
回答(1)
1.
2008-06-19 23:03:38
こんにちは。
一番いい方法は、
ブログを見ている人が横スクロールバーが消えるまでブラウザの幅を広げることだと思います。
カスタムするなら
こうすると↓CSSで強制的に消すことはできるかもしれないです。
ちょっと面倒ですが、全ページ（トップ、個別記事、カテゴリ、月別）で
以上お手数ですが、よろしくお願いいたします。
一番いい方法は、
ブログを見ている人が横スクロールバーが消えるまでブラウザの幅を広げることだと思います。
カスタムするなら
こうすると↓CSSで強制的に消すことはできるかもしれないです。
body {
…
width: 100%; /*←これを追加*/
overflow: hidden; /*←これも追加*/
}
これではどんなに画面幅を狭めてもまったく横スクロールは全く出なくなってしまうので、ちょっと面倒ですが、全ページ（トップ、個別記事、カテゴリ、月別）で
<$BlogHeader$>とあるところを
<div style="width:100%;overflow:hidden;"><$BlogHeader$></div>と変更する方がベターかもしれません。
以上お手数ですが、よろしくお願いいたします。
すいません、操作間違えてベターにしてしまいました。ベスト回答です。
ありがとうございました！
Ads By Google
コメント(7)
#1. テンゾー＆テンロク
2008-06-20 01:28:29
20インチCRTで横幅一杯に表示させても、もうチョイのところでまだスクロールバーは残る。
#2. imq
2008-06-20 09:39:48
そんなに広げないと駄目なんですか。
うちでは1000px程度で消えますが、フォントサイズでブログの画面幅（←というかヘッダー広告の幅）が変わるなので、ブラウザのデフォルトのフォントサイズも影響するのでしょうか。
日本語フォントの指定が無いので、デフォルトフォントがメイリオみたいに幅の広いものだと更にスクロールバーが出やすくなるかもしれないですね。
#3. テンゾー＆テンロク
2008-06-20 12:08:53
ブラウザはIEで、「文字のサイズ」を[中]→[最小]にしてやっとスクロールバーが消えましたが、こんな小文字を読む人は少ないでしょうね。
#4. マイコー
2008-06-21 23:11:31
＞imqさん
回答ありがとうございます。
仰るようにいたしましたが、改善されていないみたいです。
やり方に不備があるようなので、再度チャレンジしてみます。
＞テンゾー＆テンロクさん
コメントありがとうございます。
文字を最小に表示するとすんなりスクロールバーは無くなりますね。
私としましては、横幅をタイトルを800ピクセル、記事を500ピクセル、メニューを200ピクセル程度にしたいのですが、最上部の広告幅がかなり幅をとっているように思います。
出来るものであれば、広告幅を狭めることによって解消できないものでしょうか？
#5. imq
2008-06-22 00:03:37
>>#4
追加した個所の行末の/*を消してください。
CSSでは/*と*/の間は無効となります。
width: 100%; /* overflow: hidden; /*を
width: 100%; overflow: hidden;に。
広告部分のみを狭くする方法は回答1の最後、
<$BlogHeader$>の変更のところです。
CSSではなく、各ページのHTMLテンプレートを編集します。
こちらの場合はCSSでbodyに追加した2行は必要ないです。
#6. マイコー
2008-06-22 22:46:02
良く見ると、広告ははみ出ているのですね。
広告の文字サイズを調整できれば良いのかも…。
#7. imq
2008-06-23 02:00:16
