1

position: absolutedivに問題があります。IE7 では入力の横に表示されますが、通常のブラウザではその下に表示されます。どうすれば修正できますか？変更できないサードパーティのjavascriptを使用しているため、との間inputに何も挿入できませんdiv。 

<div style="position: relative" id="header">qwe</div>
  <div style="position: relative">
    <table style="background: red; position: relative">     
      <tr>
         <td>      
            <input type="text" style="width:200px; " value="a date here" />        
            <div style="position:absolute; width: 300px; height: 300px; background: #eeeeee;"> 
              [a calendar here]       
            </div>        
         </td>  
      </tr>
      <tr>
        <td> 
         [text/inputs/buttons behind the calendar]
        </td>
      </tr>
    </table>
  </div>

この問題のために私が作った単なる例です。コード内のいくつかの要素に position: relative セットがありますが、とにかく ie7 で失敗します。「その下」とは、ユーザーが日付を簡単に選択できるように、クリックした後にその入力の下に表示されるカレンダーであることを意味します。

編集：作り直された例

編集: [問題解決 - リンクを削除] - 右側の「zapytanie i rezerwacja」をクリックしてから、「folwark zamkowy」をクリックします。そのフォームでこれらのカレンダー入力を見つけることができます。<a>カレンダーを含むブロックは、javascript からの入力の直後に追加されます。

4

2 に答える 2

1

更新:私はまだあなたのコードに従っていません。なぜあなたがそうしているのかはわかりませんが（なぜテーブルを使用するのですか？top:）left:、absolute:position.

例えば：style="position:absolute; top:5px; left: 5px;"

また、取り除くfloat:left。私はそれがそこで何をしているのか分かりません(!)。

更新の更新:テキストをカレンダーの後ろに表示するだけの場合は、テーブルを絶対に配置する必要があります。

于 2012-06-20T13:31:31.957 に答える
0

やってみましたfloat:left;か？たぶん、フローティングの欠落が問題です。しかし、IE7自体が問題です。

于 2012-06-20T13:27:54.677 に答える