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

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

はじめまして、こんばんは。
とても使い勝手の良いメールフォームをありがとうございます。
早速サーバにアップし、MacのFirefox、Safariでexample.htmlを見ると
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を見て改善箇所がありましたら、時間が許すときで結構ですので教えていただけないでしょうか。

よろしくお願いします。