ダイアログが表示された後、親ページの画面が正しくなくなる_html/css

Firefox Internet Explorer Google ダイアログ

ダイアログがポップアップした後、親ページの画面がおかしくなりますが、ダイアログを閉じると、親ページは正常になります。これが、IE だけが問題で、Firefox と Google は正常です。

ディスカッションへの返信（解決策）

何が問題ですか？
すべてのポップアップボックスにはposition:absoluteがあり、メインページのレイアウトに影響を与えないのは当然です。

どのように間違っていますか?
すべてのポップアップボックスにはposition:absoluteがあり、メインページのレイアウトに影響を与えないのは当然です。

ダイアログを閉じると、ページ上の要素が少し右に移動します

何が問題ですか?
すべてのポップアップボックスにはposition:absoluteがあり、メインページのレイアウトに影響を与えないのは当然です。

ページ上の要素が少し右に移動し、ダイアログを閉じると再び少し移動します
ポップアップボックスが表示されると、ブラウザの右側にスクロールバーがあるのがわかりますか。現れますか？

はどのように間違っていますか?
すべてのポップアップボックスにはposition:absoluteがあり、メインページのレイアウトに影響を与えないのは当然です。

ページ上の要素が少し右に移動し、ダイアログを閉じると再び少し移動します
ポップアップボックスが表示されると、ブラウザの右側にスクロールバーがあるのがわかりますか。現れますか？

CSS ファイルを削除した後、入力コンポーネントはすべて正常ですが、ページ上のテーブルファイルにはまだ問題があります。
テーブルファイルの形式は次のとおりです
;高さ: auto; overflow-x:scroll; border:0px;">

どのように間違っていますか?
すべてのポップアップボックスにはposition:absoluteがあり、メインページのレイアウトに影響を与えないのは当然です。

ページ上の要素が少し右に移動し、ダイアログを閉じると再び少し移動します
ポップアップボックスが表示されると、ブラウザの右側にスクロールバーがあるのがわかりますか。現れますか？

CSS ファイルを削除した後、入力コンポーネントはすべて正常ですが、ページ上のテーブルファイルにはまだ問題があります。
テーブルファイルの形式は次のとおりです
;高さ: auto; overflow-x:scroll; border:0px;">

ダイアログ自体とダイアログ内の要素の高さを修正してみてください

何が間違っているのでしょうか?
すべてのポップアップボックスにはposition:absoluteがあり、メインページのレイアウトに影響を与えないのは当然です。

ページ上の要素が少し右に移動し、ダイアログを閉じると再び少し移動します
ポップアップボックスが表示されると、ブラウザの右側にスクロールバーがあるのがわかりますか。現れますか？

CSS ファイルを削除した後、入力コンポーネントはすべて正常ですが、ページ上のテーブルファイルにはまだ問題があります。
テーブルファイルの形式は次のとおりです
;高さ: auto; overflow-x:scroll; border:0px;">

ダイアログ自体とダイアログ内の要素の高さを修正してみてください

それらはすべて修正されています。