0

モーダル ウィンドウ内のコンテンツの高さ属性の設定に問題があります。

モーダル ウィンドウ内のコンテンツを 100% にしたいのですが、問題は約 30% しかないことです。なぜこれが起こっているのですか? また、モーダル ウィンドウ内のコンテンツをモーダル ウィンドウ全体に表示し、約 30% を表示せずにスクロール バーを有効にする方法を教えてください。

以下は、問題のないモーダル ウィンドウの幅です。

#simplemodal-container {height:75%; width:50%;}

以下は、iframe の高さと幅です。

$.modal('<iframe src="' + src + '" style="border:0;width:100%;height:100%;">');

最後に、モーダル ウィンドウに表示されるコンテンツを以下に示します (この高さを 100% に設定しましたが、動作させることができなかったため、現在高さプロパティはありません。

<div id="previouslink">
<button type="button" id="close" onclick="return parent.closewindow();">Close</button>
<h1>PREVIOUS QUESTIONS</h1>

<p>Search for a previous question by entering in a phrase in the search box below and submitting the phrase</p>

<form action="previousquestions.php" method="post" id="modalform">
      <p>Search: <input type="text" name="questioncontent" value="<?php echo $questioncontent; ?>" /></p>
      <p><input id="searchquestion" name="searchQuestion" type="submit" value="Search" /></p>
      </form>

</div>

このリンクにアクセスし、プラス ボタンをクリックすると、モーダル ウィンドウを表示できます。

ありがとうございました

4

2 に答える 2

1

Add this style:

#simplemodal-data {height: 100%}
于 2012-05-24T17:19:23.117 に答える
0

これは、ドキュメントの本文自体がウィンドウを埋めていない場合に発生する可能性があります。ドキュメントの高さがウィンドウの高さよりも低くなっています。通常、解決策は次のようなものです。

body {
  padding-bottom: 1500px;
}

または、ドキュメントが常にウィンドウよりも高い実際の環境にコードを取り込むと、問題にならない場合があります。

于 2012-05-24T17:22:45.223 に答える