札幌Web制作のシンクグラフィカ

縦スクロールとボタンの表示がおかしくて…

ナガタさん (2009-09-03 22:41:56) www.ringrazio.com/mailform02/example.html

はじめまして、こんばんは。
とても使い勝手の良いメールフォームをありがとうございます。
早速サーバにアップし、MacのFirefox、Safariでexample.htmlを見ると
Firefox2.0では、縦スクロールが消えてしまい下に移動ができません。
また、Safari1.3ではボタンがうまく表示されず、
細長いシルバーのバーが二つ並んでいる状態です。

どこに原因があるのかまったく分からず、困っています。
アドバイスをいただけるとうれしいです。

よろしくお願いします。

Re:縦スクロールとボタンの表示がおかしくて…

和田 (2009-09-04 14:24:46) www.synck.com

う~んFirefox2.0やSafari1.3環境が無いためどういう状態かわからないのですが、ひょっとすると古いブラウザではうまく表示できないのかもしれません。

ありがとうございます。

ナガタさん (2009-09-05 11:55:59) www.ringrazio.com/mailform02/example.html

ご返事ありがとうございました。

jquery.jsかmailform.jsのスクリプトを削除すると
縦のスクロールが出てくるので、その辺徹底的に調べてみたいと思います!

このメールフォーム、とっても気に入っていますので、
なんとか表示できるように挑戦してみます。

和田さん、ありがとうございます。

MAC+Firefox2.0でスクロールバーが消える

通りすがりの物ですさん (2009-10-08 16:17:57) ocn.ne.jp

高機能なメールフォームありがとうございます。
私も、同様な事例がありましたのでご報告します。

おそらくMACの画面サイズが正常に取れなく、<div id="confirmWindow" がスクロールバーにかぶさって消しているようです。

以下の修正でとりあえず使えています。
mailform.js 645行付近(修正)
// document.getElementById("confirmWindow").style.width = mfpWidth + "px";
document.getElementById("confirmWindow").style.width = "580px";
(送信確認画面のバックの黒が全面でなく幅580PXで出ます。)

mailform.css 248行付近(修正)
div#confirmWindow {
/* margin: 0; */
/* left: 0;  */
margin: 0 -285px;
left: 50%;
(バックの黒幅580PXの表示位置調整)

上を修正後、IE6で送信確認画面の偶数行が真っ黒
mailform.css 220行付近(追加)
table.infield {
background: #FFFFFF;

設置環境により、修正内容は異なるかもしれませんがご参考になれば幸いです。

下部スクロールバーが表示されます。

谷口さん (2011-03-25 11:13:11) yoshida-page.me/mail-1/example.html

すばらしいフォームをご提供していただき本当に感謝申し上げます。

スクロールバー関連でここに書かせていただきます。
私の場合は横ではなく下のスクロールが「やたらに広く」現れてしまいます。

私はまったくの素人ですが試行錯誤しながらとりあえず滞りなく動くまでにしましたが、意図しない問題が出たら・・・私ではサッパリわかりません。

もしもURLを見て改善箇所がありましたら、時間が許すときで結構ですので教えていただけないでしょうか。

よろしくお願いします。



Re:下部スクロールバーが表示されます。

和田 (2011-03-29 21:05:05) www.synck.com

う~んなんでしょうかねぇ・・・。
おそらくCSSかHTMLの問題であることは間違い無いとは思うのですが。
かなり面倒かもしれませんが、HTMLを部分部分、削除して戻してを繰り返して、どこら辺に問題があるかを絞り込んでいくしか無いかもしれません。お役に立てず申し訳ないっす・・・。