インラインフレームの右部に“□”が出ます(*＞_＜*)

質問

インラインフレームを使用すると、フレーム内の右側の上下に、
“□”のマークが出てしまいます。
それがマージンみたいな働きをして、その箇所にテキストの入力が一切できなくなります。

なので、IEでプレビューすると、インラインフレーム内の右側に“□”のスペース分のマージンが出来てしまいます。
これを無くしたいのですが、何とかならないものでしょうか？

回答No.3

noname#19206

overflow-x や overflow-y はまだ対応しているブラウザがほとんどありません。
コレを使うと一部の環境でデザインが崩れてしまいます。

たくさんのユーザーを得ようと思うのであれば使わないことをお勧めします。
overflow であればたいていの環境で正しく表示できますよ(^^)/

参考URL：

http://www6.atwiki.jp/uriaplus/pages/19.html

お礼

overflow:auto　や
overflow:scroll にすると、
横スクロールがでてしまうんですよね～(￣Д￣；；

でもとりあえずそれでやってみました。
本当は縦スクロールのみ表示させたいんですけど、
まあおかしな表示になるよりかは、はるかにいいので。

ご回答ありがとうございました！

回答No.2

crepon133

ここを変えてみてください

scrollbar-face-color: #cccccc;

ここの部分ですよね

お礼

“□”の正体が分かりましたーヽ(^o^)丿
スクロールバーが二つ表示されてたんですね～、なんともお恥ずかしい限りです(*＞_＜*)

インラインフレームの中身は外部ファイルにしてて、それを読み込んでるのですが、
そのときiframeタグで読み込んだのが原因でしょうか？

補足

iframeで呼び出したからって、２つ表示されるわけはないですよねΣ(゜д゜;)

原因はこいつでした。
overflow-y: scroll

これを消すととりあえず通常通り一つしか表示しなくなるんですけど、
すると横スクロールが表示されるんですよね～C= (-。- )

なので問題はいかにして横スクロールを表示させないか、ということになりますかね～。

回答No.1

nyonyon

もしかしてインラインフレーム内に表示される、スクロールバーの事でしょうか？

でしたら、インラインフレームの設定で、スクロールバーの表示ナシにすれば、なくなります。
http://www.tagindex.com/html_tag/frame/i_scrolling.html

ただし、スクロールバーがなければ、フレームに入りきれない部分が見ることができない状態になりますが。

「“□”のマーク」がスクロールバーの事でないのでしたら、インラインフレームを設定したソースを掲示ください。

参考URL：

http://www.tagindex.com/html_tag/frame/i_scrolling.html

お礼

お返事ありがとうございます。

正確には、インラインフレームの右側、スクロールバーのすぐ左の箇所に“□”が２つ出てくるんです。

よければソースを見てください。

html,body {
scrollbar-base-color: #ffffff;
scrollbar-face-color: #ffffff;
scrollbar-arrow-color: #FF0000;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #333333;
scrollbar-shadow-color: #ffffff;
scrollbar-darkshadow-color: #333333;
overflow-y: scroll;}