質問編集履歴

1 状況の追加

syncrock

syncrock score 190

2016/11/18 18:15  投稿

jQueryのDialogメソッドについて
jqueryのdialogを使用してmodal画面を表示させています。
やり方としてはiframeを利用して中身を随時変更して表示しています。
```java
html = "<iframe src='" + url + "' id='" + 指定したいId + "' frameborder='0' scrolling='auto'>";
$(html).dialog(高さなどのオプションを入れた変数);
```
ieやchromeでは特に問題なく動作しているのですが、
Firefoxの場合のみなぜか親画面の最下部に変なスペース(空白)が出来てしまいます。
そのせいでスクロールバーが親画面に表示されます。
dialogが表示されればスペースが表示され、閉じれば消えます。
iframeが中身は出ないものの画面下部に領域として確保されて出ている?
と思っていますが、どうなのでしょうか。
Firefoxのみこの現象になっており、解決策が見えません。。。
Firefoxでdialogを使用するにあたり何か注意点等ありますでしょうか?
Firefoxでdialogを使用するにあたり何か注意点等ありますでしょうか?
---------------追記
display:blockをnoneに変更するともちろんダイアログは消えますが、
親画面のスペースも消えます。
やはり、ダイアログ分の領域が何故か画面下部に表示されているみたいなのですが、わかりますでしょうか。
  • Java

    16494 questions

    Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

  • jQuery UI

    196 questions

    jQuery UI はjQuery公式のインターフェースライブラリであり、対話型のウェブアプリケーションを作る際に役立ちます。

  • JSP

    1073 questions

    JSP(Java Server Pages)とは、ウェブアプリケーションの表示レイヤーに使われるサーバーサイドの技術のことです。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る