掲示板の質問に関する返信
Posted on Monday, Aug 30, 2010 15:15
ご無沙汰しております、碧河です！
いろいろ自分の行いに自己嫌悪することがあったり私生活が忙しかったりと、更新がストップしている状況で申し訳ございません。
ただいまサイト内や配布中のテンプレートの不具合を少しずつ修正しながら、もっと見やすいページにできるよう改装の構想を練っております……！
近々シンプルテンプレを一本upする予定ではありますが、気長にお待ちいただけたらと思います。
ここから先は、8月28日に掲示板に頂いた夕菜様の質問への返信です。
個人宛ですが、当サイトのテンプレート「love you dear...」をお使いになられている方でブラウザがIEの方には当てはまることと思いますので、「反転・続きから」使用ではなく、このまま返信と対処法を挙げさせていただきます。
ご了承ください。
＞夕菜様へ
このテンプレートのindex.htmlをWindows7のIE8で開いた時、スクロールバーを最後までスクロールした状態で、下部にあるリンクにマウスが触れると、自動的にスクロールバーが上に上がってしまうのですが、これは仕様なのでしょうか？
何も知らずにスクロールした後、次のページに行こうとしてリンクに触れた瞬間にスクロールバーが動く・・・というのはちょっと不思議だなぁ・・・と思いましたので。もしよろしければ、その解除方法をお教え頂けないでしょうか？
というご質問でしたが、仕様ではございません。
私もはじめは対処方法がわからず、バグということで処理しておりました。
というのも、FirefoxやOperaでは上記のような動作が確認できず、問題なく閲覧ができたためです。
このように私の製作環境がOperaであったことで私自身この問題に気づくのが遅くなったこと、そしてあまりこのテンプレートに関してはダウンロード報告を頂くことが無かったため、「あのバグはあまり問題が無かったんだろう」と勝手に自分の中で解釈していたことで、対処が遅くなったところがあります。
そのため、夕菜様には大変不便な思いをさせてしまいました。本当に申し訳ございません。
早急な対処法としては、梱包している外部CSS（style.css）の中身の記述を以下のように変更してみてください。
◇変更前
・
・
（略）
html iframe
{
background-color:#fff;
border-top:1px dotted #ff0080;
border-bottom:1px dotted #ff0080;
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
}
td{color:#000;}
img{border:0;}
hr{margin:0;height:0;border:1px solid #cc0066;}
li{list-style:circle;}
/* ヘッダー */
#head
{
padding-right:30px;
height:80px;
text-align:right;
}
/* センター */
#pagebody{height:100%;}
・
・
（略）
◆変更後
・
・
（略）
html iframe
{
background-color:#fff;
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
}
td{color:#000;}
img{border:0;}
hr{margin:0;height:0;border:1px solid #cc0066;}
li{list-style:circle;}
/* ヘッダー */
#head
{
padding-right:30px;
height:80px;
text-align:right;
}
/* センター */
#pagebody{
height:100%;
border-top:1px dotted #ff0080;
border-bottom:1px dotted #ff0080;
}
赤文字の箇所を青文字のように書き換えてみてください。htmlファイルの変更は不要です。
おそらくこれで解決すると思います。よくわからない場合は、近日中に修正したstyle.cssを梱包したダウンロードファイルに変更しておきますので、申し訳ございませんが修正版配布時までもう少々お待ちいただければと思います……＞＜
問題となった動作のようなエラーが出た根本的な原因は、申し訳ございませんが私自身よくわかりません（対処方も直感的に試行錯誤してCSSをいじったら修正できたので）。IE以外のブラウザでは問題が無かった点を踏まえると、ブラウザ（IE）固有のエラーだったのかもしれません。
勉強不足で本当に申し訳ございません……！
なお、私のIE環境では上記の記述の書き換えで問題の動作は解決致しましたが、上記の対策方法を取っても問題が解決しない場合、お手数ですが再度ご連絡いただければ幸いです。
また、掲示板の方は不定期に確認しているため、返信が遅くなってしまい申し訳ございません。
メールの方は毎日確認しておりますので、できればテンプレートの中身に関するご質問はメールの方から送っていただければと思います＾＾
*********************************************************************
FirefoxやOperaなどのユーザーの方は特に問題ありませんが、閲覧側はIEユーザーが多いと思いますので、修正版style.cssをupした際にお手数ですがそちらに差し替えていただければと思います。
至らない管理人で申し訳ございません……。
いろいろ自分の行いに自己嫌悪することがあったり私生活が忙しかったりと、更新がストップしている状況で申し訳ございません。
ただいまサイト内や配布中のテンプレートの不具合を少しずつ修正しながら、もっと見やすいページにできるよう改装の構想を練っております……！
近々シンプルテンプレを一本upする予定ではありますが、気長にお待ちいただけたらと思います。
ここから先は、8月28日に掲示板に頂いた夕菜様の質問への返信です。
個人宛ですが、当サイトのテンプレート「love you dear...」をお使いになられている方でブラウザがIEの方には当てはまることと思いますので、「反転・続きから」使用ではなく、このまま返信と対処法を挙げさせていただきます。
ご了承ください。
＞夕菜様へ
このテンプレートのindex.htmlをWindows7のIE8で開いた時、スクロールバーを最後までスクロールした状態で、下部にあるリンクにマウスが触れると、自動的にスクロールバーが上に上がってしまうのですが、これは仕様なのでしょうか？
何も知らずにスクロールした後、次のページに行こうとしてリンクに触れた瞬間にスクロールバーが動く・・・というのはちょっと不思議だなぁ・・・と思いましたので。もしよろしければ、その解除方法をお教え頂けないでしょうか？
というご質問でしたが、仕様ではございません。
私もはじめは対処方法がわからず、バグということで処理しておりました。
というのも、FirefoxやOperaでは上記のような動作が確認できず、問題なく閲覧ができたためです。
このように私の製作環境がOperaであったことで私自身この問題に気づくのが遅くなったこと、そしてあまりこのテンプレートに関してはダウンロード報告を頂くことが無かったため、「あのバグはあまり問題が無かったんだろう」と勝手に自分の中で解釈していたことで、対処が遅くなったところがあります。
そのため、夕菜様には大変不便な思いをさせてしまいました。本当に申し訳ございません。
早急な対処法としては、梱包している外部CSS（style.css）の中身の記述を以下のように変更してみてください。
◇変更前
・
・
（略）
html iframe
{
background-color:#fff;
border-top:1px dotted #ff0080;
border-bottom:1px dotted #ff0080;
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
}
td{color:#000;}
img{border:0;}
hr{margin:0;height:0;border:1px solid #cc0066;}
li{list-style:circle;}
/* ヘッダー */
#head
{
padding-right:30px;
height:80px;
text-align:right;
}
/* センター */
#pagebody{height:100%;}
・
・
（略）
◆変更後
・
・
（略）
html iframe
{
background-color:#fff;
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
}
td{color:#000;}
img{border:0;}
hr{margin:0;height:0;border:1px solid #cc0066;}
li{list-style:circle;}
/* ヘッダー */
#head
{
padding-right:30px;
height:80px;
text-align:right;
}
/* センター */
#pagebody{
height:100%;
border-top:1px dotted #ff0080;
border-bottom:1px dotted #ff0080;
}
赤文字の箇所を青文字のように書き換えてみてください。htmlファイルの変更は不要です。
おそらくこれで解決すると思います。よくわからない場合は、近日中に修正したstyle.cssを梱包したダウンロードファイルに変更しておきますので、申し訳ございませんが修正版配布時までもう少々お待ちいただければと思います……＞＜
問題となった動作のようなエラーが出た根本的な原因は、申し訳ございませんが私自身よくわかりません（対処方も直感的に試行錯誤してCSSをいじったら修正できたので）。IE以外のブラウザでは問題が無かった点を踏まえると、ブラウザ（IE）固有のエラーだったのかもしれません。
勉強不足で本当に申し訳ございません……！
なお、私のIE環境では上記の記述の書き換えで問題の動作は解決致しましたが、上記の対策方法を取っても問題が解決しない場合、お手数ですが再度ご連絡いただければ幸いです。
また、掲示板の方は不定期に確認しているため、返信が遅くなってしまい申し訳ございません。
メールの方は毎日確認しておりますので、できればテンプレートの中身に関するご質問はメールの方から送っていただければと思います＾＾
*********************************************************************
FirefoxやOperaなどのユーザーの方は特に問題ありませんが、閲覧側はIEユーザーが多いと思いますので、修正版style.cssをupした際にお手数ですがそちらに差し替えていただければと思います。
至らない管理人で申し訳ございません……。
PR