IFrame内フォームがIEで表示されないです。
山本さん (2012-03-23 12:25:41) http://www.synck.com/contents/faq/index.html
お世話になっております。
私、御社のメールフォームを利用させて頂いている
山本と申します。
まだ作成中で、公開していない分なのですが、
どうしても解決できないので、お問い合わせさせて頂きました。
お忙しいかと思いますが、解決方法をお教え頂ければとても助かります。
【お聞きしたい事】
IFrameにて、御社のメールフォームを編集作成して
表示するようにしているのですが、
ブラウザテストを行った所、Internet Explorerのみ表示されない状態です。
※その他ブラウザ（firfox／chrome/safari）では表示されています。
Internet Explorerでも表示できるようにしたいと思っています。
下記にて現在の記述を記載しておりますので、
大変申し訳ありませんが、記述に問題があればご指示、解決方法を
お教え頂ければと思います。
【IFrame側】ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
<div class="entry">
<table width="696" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<iframe src="フォームのURL" frameborder="0" scrolling="no" height="1034" width="696"></iframe>
</td>
</tr>
</table>
</div>
【フォーム側】ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="●●●●●●●">
<meta name="description" content="●●●●●●●">
<title>●●●●●●●</title>
<style type="text/css" media="screen"><!--
a:hover { color: #c21e99 }
a { font-size: 12pt; font-family: "ヒラギノ角ゴ Pro W3"; line-height: 170%; text-decoration: none }
body,td { color: #332c2c; font-size: 12px; font-family: "?ヒラギノ角ゴ Pro W3", Osaka, ; line-height: 170% }
</style>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(’#wrapper’).fadeIn(500);
});
</script>
<script type="text/javascript" src="CSScriptLib.js"></script>
</head>
<body bgcolor="#ffffff" text="#161616" link="#161616" vlink="#161616" alink="#161616" topmargin=0 leftmargin=0 marginheight=0 >
<div align="left">
<table width="696" border="0" cellspacing="0" cellpadding="0" height="1034">
<tr>
<td align="left" valign="top" width="696">
<form id="mailform" method="post" action="mailform/send2.cgi" onsubmit="return sendmail(this);" target="_top">
<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr height="30">
<td bgcolor="#00B5B0" width="10" height="30"></td>
<td bgcolor="#F3EEEC" width="5" height="30"></td>
<td bgcolor="#F3EEEC" height="30"><b>●●●●●●●<font color="#C21E99">※</font></b></td>
</tr>
<tr height="10">
<td colspan="3" height="10"></td>
</tr>
<tr>
<td colspan="3"><input type="checkbox" name="●●●●●●●(必須)" value="●●●●●●●">●●●●●●●<br>
<input type="checkbox" name="●●●●●●●(必須)" value="●●●●●●●">●●●●●●●<br>
<input type="checkbox" name="●●●●●●●(必須)" value="●●●●●●●">●●●●●●●<br>
<input type="checkbox" name="●●●●●●●(必須)" value="●●●●●●●">●●●●●●●<br>
</td>
</tr>
<tr height="35">
<td colspan="3" height="35"></td>
</tr>
</table>
<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr height="30">
<td bgcolor="#00B5B0" width="10" height="30"></td>
<td bgcolor="#F3EEEC" width="5" height="30"></td>
<td bgcolor="#F3EEEC" height="30"><b>●●●●●●●</b></td>
</tr>
<tr height="10">
<td colspan="3" height="10"></td>
</tr>
<tr>
<td colspan="3"><input type="text" name="●●●●●●●" size="70"></td>
</tr>
<tr height="35">
<td colspan="3" height="35"></td>
</tr>
</table>
<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr height="30">
<td bgcolor="#00B5B0" width="10" height="30"></td>
<td bgcolor="#F3EEEC" width="5" height="30"></td>
<td bgcolor="#F3EEEC" height="30"><b>●●●●●●●<font color="#C21E99">※</font></b></td>
</tr>
<tr height="10">
<td colspan="3" height="10"></td>
</tr>
<tr>
<td colspan="3"><input type="text" name="●●●●●●●(必須)" size="70"></td>
</tr>
<tr height="35">
<td colspan="3" height="35"></td>
</tr>
</table>
<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr height="30">
<td bgcolor="#00B5B0" width="10" height="30"></td>
<td bgcolor="#F3EEEC" width="5" height="30"></td>
<td bgcolor="#F3EEEC" height="30"><b>●●●●●●●</b></td>
</tr>
<tr height="10">
<td colspan="3" height="10"></td>
</tr>
<tr>
<td colspan="3"><input type="text" name="●●●●●●●" size="70"></td>
</tr>
<tr height="35">
<td colspan="3" height="35"></td>
</tr>
</table>
<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr height="30">
<td bgcolor="#00B5B0" width="10" height="30"></td>
<td bgcolor="#F3EEEC" width="5" height="30"></td>
<td bgcolor="#F3EEEC" height="30"><b>●●●●●●●<font color="#C21E99">※</font></b></td>
</tr>
<tr height="10">
<td colspan="3" height="10"></td>
</tr>
<tr>
<td colspan="3"><input type="text" name="●●●●●●●(必須)" size="70"><br>
▼確認のため再度ご入力下さい。<b> <font color="#C21E99">※<br>
</font></b><input type="text" name="confirm_email" size="70"></td>
</tr>
<tr height="35">
<td colspan="3" height="35"></td>
</tr>
</table>
<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr height="35">
<td bgcolor="#00B5B0" width="10" height="35"></td>
<td bgcolor="#F3EEEC" width="5" height="35"></td>
<td bgcolor="#F3EEEC" height="35"><b>●●●●●●● <font color="#C21E99">※</font></b></td>
</tr>
<tr height="10">
<td colspan="3" height="10"></td>
</tr>
<tr>
<td colspan="3"><textarea name="●●●●●●●(必須)" rows="17" cols="68"></textarea></td>
</tr>
<tr height="35">
<td colspan="3" height="35"></td>
</tr>
</table>
<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<hr noshade size="1">
</td>
</tr>
<tr height="10">
<td height="10"></td>
</tr>
</table>
<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100"><b><font color="#ff0066">※</font>は必須項目</b></td>
<td><input type="submit" name="" value="メールを送信する"/><input type="reset" value="リセット"/></td>
</tr>
<tr height="20">
<td colspan="2" height="20"></td>
</tr>
</table>
</form>
<br>
<p></p>
</td>
</tr>
</table>
<p></p>
<link rel="stylesheet" href="mailform/mailform.css" type="text/css">
<link href="mailform/mailform.css" rel="stylesheet" type="text/css" media="all">
<script type="text/javascript" src="mailform/mailform.js" charset="utf-8"></script>
<script type="text/javascript" src="mailform/postcodes/get.cgi?js" charset="utf-8"></script>
<!--ここまでコピー＆ペーストすればまず間違いないです-->
</body>
</html>
Re:IFrame内フォームがIEで表示されないです。
和田 (2012-03-23 14:04:42) www.synck.com
URLを入力してください。
IFrame内フォームがIEで表示されないです。
山本さん (2012-03-23 14:43:14) http://contact.tmarks.net/
お世話になっております。
私、御社のメールフォームを利用させて頂いている
山本と申します。
まだ作成中で、公開していない分なのですが、
どうしても解決できないので、お問い合わせさせて頂きました。
お忙しいかと思いますが、解決方法をお教え頂ければとても助かります。
【お聞きしたい事】
IFrameにて、御社のメールフォームを編集作成して
表示するようにしているのですが、
ブラウザテストを行った所、Internet Explorerのみ表示されない状態です。
※その他ブラウザ（firfox／chrome/safari）では表示されています。
Internet Explorerでも表示できるようにしたいと思っています。
下記にて現在の記述を記載しておりますので、
大変申し訳ありませんが、記述に問題があればご指示、解決方法を
お教え頂ければと思います。
【IFrame側】ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
<div class="entry">
<table width="696" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<iframe src="フォームのURL" frameborder="0" scrolling="no" height="1034" width="696"></iframe>
</td>
</tr>
</table>
</div>
【フォーム側】ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="●●●●●●●">
<meta name="description" content="●●●●●●●">
<title>●●●●●●●</title>
<style type="text/css" media="screen"><!--
a:hover { color: #c21e99 }
a { font-size: 12pt; font-family: "ヒラギノ角ゴ Pro W3"; line-height: 170%; text-decoration: none }
body,td { color: #332c2c; font-size: 12px; font-family: "?ヒラギノ角ゴ Pro W3", Osaka, ; line-height: 170% }
</style>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(’#wrapper’).fadeIn(500);
});
</script>
<script type="text/javascript" src="CSScriptLib.js"></script>
</head>
<body bgcolor="#ffffff" text="#161616" link="#161616" vlink="#161616" alink="#161616" topmargin=0 leftmargin=0 marginheight=0 >
<div align="left">
<table width="696" border="0" cellspacing="0" cellpadding="0" height="1034">
<tr>
<td align="left" valign="top" width="696">
<form id="mailform" method="post" action="mailform/send2.cgi" onsubmit="return sendmail(this);" target="_top">
<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr height="30">
<td bgcolor="#00B5B0" width="10" height="30"></td>
<td bgcolor="#F3EEEC" width="5" height="30"></td>
<td bgcolor="#F3EEEC" height="30"><b>●●●●●●●<font color="#C21E99">※</font></b></td>
</tr>
<tr height="10">
<td colspan="3" height="10"></td>
</tr>
<tr>
<td colspan="3"><input type="checkbox" name="●●●●●●●(必須)" value="●●●●●●●">●●●●●●●<br>
<input type="checkbox" name="●●●●●●●(必須)" value="●●●●●●●">●●●●●●●<br>
<input type="checkbox" name="●●●●●●●(必須)" value="●●●●●●●">●●●●●●●<br>
<input type="checkbox" name="●●●●●●●(必須)" value="●●●●●●●">●●●●●●●<br>
</td>
</tr>
<tr height="35">
<td colspan="3" height="35"></td>
</tr>
</table>
<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr height="30">
<td bgcolor="#00B5B0" width="10" height="30"></td>
<td bgcolor="#F3EEEC" width="5" height="30"></td>
<td bgcolor="#F3EEEC" height="30"><b>●●●●●●●</b></td>
</tr>
<tr height="10">
<td colspan="3" height="10"></td>
</tr>
<tr>
<td colspan="3"><input type="text" name="●●●●●●●" size="70"></td>
</tr>
<tr height="35">
<td colspan="3" height="35"></td>
</tr>
</table>
<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr height="30">
<td bgcolor="#00B5B0" width="10" height="30"></td>
<td bgcolor="#F3EEEC" width="5" height="30"></td>
<td bgcolor="#F3EEEC" height="30"><b>●●●●●●●<font color="#C21E99">※</font></b></td>
</tr>
<tr height="10">
<td colspan="3" height="10"></td>
</tr>
<tr>
<td colspan="3"><input type="text" name="●●●●●●●(必須)" size="70"></td>
</tr>
<tr height="35">
<td colspan="3" height="35"></td>
</tr>
</table>
<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr height="30">
<td bgcolor="#00B5B0" width="10" height="30"></td>
<td bgcolor="#F3EEEC" width="5" height="30"></td>
<td bgcolor="#F3EEEC" height="30"><b>●●●●●●●</b></td>
</tr>
<tr height="10">
<td colspan="3" height="10"></td>
</tr>
<tr>
<td colspan="3"><input type="text" name="●●●●●●●" size="70"></td>
</tr>
<tr height="35">
<td colspan="3" height="35"></td>
</tr>
</table>
<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr height="30">
<td bgcolor="#00B5B0" width="10" height="30"></td>
<td bgcolor="#F3EEEC" width="5" height="30"></td>
<td bgcolor="#F3EEEC" height="30"><b>●●●●●●●<font color="#C21E99">※</font></b></td>
</tr>
<tr height="10">
<td colspan="3" height="10"></td>
</tr>
<tr>
<td colspan="3"><input type="text" name="●●●●●●●(必須)" size="70"><br>
▼確認のため再度ご入力下さい。<b> <font color="#C21E99">※<br>
</font></b><input type="text" name="confirm_email" size="70"></td>
</tr>
<tr height="35">
<td colspan="3" height="35"></td>
</tr>
</table>
<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr height="35">
<td bgcolor="#00B5B0" width="10" height="35"></td>
<td bgcolor="#F3EEEC" width="5" height="35"></td>
<td bgcolor="#F3EEEC" height="35"><b>●●●●●●● <font color="#C21E99">※</font></b></td>
</tr>
<tr height="10">
<td colspan="3" height="10"></td>
</tr>
<tr>
<td colspan="3"><textarea name="●●●●●●●(必須)" rows="17" cols="68"></textarea></td>
</tr>
<tr height="35">
<td colspan="3" height="35"></td>
</tr>
</table>
<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<hr noshade size="1">
</td>
</tr>
<tr height="10">
<td height="10"></td>
</tr>
</table>
<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100"><b><font color="#ff0066">※</font>は必須項目</b></td>
<td><input type="submit" name="" value="メールを送信する"/><input type="reset" value="リセット"/></td>
</tr>
<tr height="20">
<td colspan="2" height="20"></td>
</tr>
</table>
</form>
<br>
<p></p>
</td>
</tr>
</table>
<p></p>
<link rel="stylesheet" href="mailform/mailform.css" type="text/css">
<link href="mailform/mailform.css" rel="stylesheet" type="text/css" media="all">
<script type="text/javascript" src="mailform/mailform.js" charset="utf-8"></script>
<script type="text/javascript" src="mailform/postcodes/get.cgi?js" charset="utf-8"></script>
<!--ここまでコピー＆ペーストすればまず間違いないです-->
</body>
</html>
Re:IFrame内フォームがIEで表示されないです。
和田 (2012-03-23 14:50:03) www.synck.com
iframe以前に
http://contact.tmarks.net/contact.html
こちらのページ自体がMSIEでうまく表示できていないようです。
直接メールフォームとは関係のない部分だとは思いますがjqueryのライブラリ等を外すなどすることで
正常に表示されるようになるかもしれません。
Re:Re:IFrame内フォームがIEで表示されないです。
山本さん (2012-03-23 15:40:51) http://contact.tmarks.net/
ご返答ありがとうございました。
上記の用にやってみましたが、やはり表示されていないようです。
他に考えられる問題はありますでしょうか？
Re:Re:IFrame内フォームがIEで表示されないです。
和田 (2012-03-26 01:40:46) www.synck.com
一度、同梱されているexample.htmlを無編集でアップしてみてください。
CSSなどのカスタマイズの問題の場合は原因部を特定するのが大変なので、
おそらくは設置しなおしたほうが早いとおもいます。