質問: $( nowModal ).outerHeight() ; // $( nowModal ).css( {"left": ((w - cw)/2) + "px","top": ((h - ch)/2) + "px"} ) ; ※2 モーダルを立ち上げ時にセンタリング ``` 上記コードの※1、2が問題になっていたのではと思っています。 上記コメントアウトし、CSSでセンタリングすることで、 期待する動きになりました。 CSSは、残念ながらpositionがabsoluteになっていましたので、 スクロールされてしまったり、 センタリングもできなかったのですが、 width:50% top:0 bottom:0 left:0 right:0 ・・・ fixedでセンタリングする記事を見て、 以下の通りにして中央揃えにすることができました。 ``` position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); ``` その際、大変役にたったのが display:blockで表示させて調整するなどのテクニックです。 皆様のおかげで大変勉強にもなりました。 JQueryで解決できなかったのは残念ですが、 うまく表示させることができ、 本当に助かりました。 心より御礼申し上げます。 またの際にもどうぞよろしくお願い申し上げます。
回答: コンソールに、重大なHTMLの構文エラーが出ていますね。 どこかで閉じタグが抜けているとか、その手の問題が発生している状態と思われます。 まずはHTMLのバリデートをクリアして、問題となっている箇所を絞り込んでいく必要がありそうです。 1. HTMLの構文エラーを無くす 2. JSを使わず静的にモーダルを表示した時に正しくIEでも中央に配置されることを確認する 3. HTMLとCSSに問題ないことを確認したらJSの挙動を更に詰めて確認していく という手順を順に追って行ったほうが良いと思います。 (※2についてはCSS側ではなく完全にJS側で制御する設計なのであれば飛ばしても良いです。)