インラインフレームの不具合

Question

http://www.marianaocean.work/demo/index.html

インラインフレームでチャット枠を入れたのですが、枠線を表示させたいです。
ただ、なぜか左側だけ線が出ていてこちらはなぜでしょうか。

ご教示お願い致します。

Accepted Answer

ECマスターズの田辺です。スマホでは線分だけはみ出ていることで右側の線が消えたように見えておりますので、style.cssの24行目、iframe {width: 100%;}をiframe {width: 99%;}に変えていただき表示をご確認ください。

Answer

ECマスターズの田辺です。iframeの中に書かれているstyle="1px #008000 solid;"に border: が足りていないことで solid の線が反映されておりませんので以下のように修正をお願いいたします。誤）style="1px #008000 solid;"正）style="border:1px #000 solid;"

Answer

ありがとうございます。ただスマホでみるとまだ右側の線が消えてしまいます。これはインラインフレームのサイズ感がうまくはまっていないように思うのですが。。。何度もトライしてみたのですが、難しいです。教えていただけると幸いです

インラインフレームの不具合

カテゴリーから探す