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

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

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