助太刀忍者(質問掲示板)

助太刀忍者

No.52830    Google Chromeでスクロールバーが2本出る
一度カスタマイズBBSに投稿したのですが、場所違いだったのか解決しなかったので再度質問させて頂きます。

タイトルどおり、GoogleChromeでスクロールバーが2本出てしまいます。
このようなことが起こるのは自分のブログだけで、またブラウザの設定も変えていなければ新しく記事を投稿したりしてブログの内容が変わったわけでもないのに、普通に1本だったり2本になったりします。
意図的に再現しようと思っても再現できません。F5で再読み込みした際はスクロールバーの本数が変わることはありません。
2本出ているときは、真っ黒な背景のページの中にブログ本体がインラインフレームで埋め込まれているような感じになり、ブログ全体を見るためには内側のスクロールバーを動かす必要があります。
テンプレートは##_Christmasを自分で改造したもので、改造時にどこか余計なところまでいじってしまったせいなのではないかと疑っていますが、自分ではどこがおかしいのかわかりませんでした。
今のところ、IEやFireFoxではこのような症状は起きておらず、スクロールバーは1本だけ出ます。

http://schmetterling.go-th.net/
使用環境
  • OS:Microsoft Windows 7
  • ブラウザ:Google Chrome
  • モニター:1366×768
  • JavaScript:ON
  • Cookie:ON
  • 回線種別:
  • ソフトウェア:
試した操作手順
2本出るときはインラインフレームのようになっているので、インラインフレーム関連のタグを探しましたが見つからず、ここで手詰まりです。
投稿者:No Name Ninja 投稿時間:2012-09-08 01:50:12
投稿者 : No Name Ninja
投稿時間:2012-09-08 22:08:47
テンプレート名「##_Christmas」とのことですが、テンプレート検索しても出てこないので、今は配布していないテンプレートだと思います。

ですので、
>、改造時にどこか余計なところまでいじってしまったせいなのではないかと疑っていますが
とのことですが、改造前のコードが分からないので、改造のために起こった現象なのかどうか判断できかねます。

また、今は配布されていないので、こちらで実際に適用させて再現することもできません。

尚、当方でも、GoogleChromeで該当ブログを閲覧してみましたが、スクロールバーが2本出る現象は見られませんでした。

上記を前提に、
テンプレートのCSSの#allの内、
overflow:auto;を、
overflow:no;にしてみてください。
※もしくは、#allのボックスサイズ~overflow:auto;を削除してみる。何らかの意図があってボックスのサイズを指定している場合は、先の通り、overflow:no;に変えるだけで試してみて下さい。

ボックスサイズが、縦横100%になっているので、ブラウザ側の縦幅や横幅の解釈如何によってスクロールバーが出てしまうのだと思います・・・多分。

元のテンプレートも、質問者さんの改造の意図も、全て察しているわけではないので、上記の修正で何か思い通りにならない部分がでてくるかもしれません。もしくは、スクロールバーの件が解決しないかもしれません。その場合は、さらに追記下さい。

関連:http://www.tagindex.com/stylesheet/box/overflow.html

>場所違いだったのか解決しなかったので再度質問させて頂きます
もともとカスタマイズBBSは、一般ユーザーによる善意の回答を期待する場所(忍者サポートさんからの正式回答はつきません)なので、必ず回答がつくとは限りません。というわけで、ただ単に回答する人がいなかっただけで、場違いな質問ではないと思いますよ。