ポップアップ/パネルがjavascriptで正しい位置に表示されない

Question

メンバーリストが表示されているページを作成しました。 id：divpreviewのパネルにあるユーザーの詳細を表示するJavascript関数を作成しました。ポップアップ/パネルにはposition:absoluteとz-index:100が表示されますが、メンバーのすぐ上に表示することはできません。

<div runat="server" id="divpreview" class="preview"> 
    </div> 

    <script type="text/javascript" language="javascript"> 
     function showdiv(id, m, pos) { 

      var arr = new Array(7); 
      arr = id.split("###"); 
      var divhtml = ""; 
      divhtml += "<table border='1' style='background-color:#1C5E55;color:white;absolute' cellpadding='3' cellspacing='0'><tr><td>Sponsor Id</td><td>" + arr[0] + "</td></tr>"; 
      divhtml += "<tr><td>Total Left Point</td><td>" + arr[1] + "</td></tr>"; 
      divhtml += "<tr><td>Total Right Point</td><td>" + arr[2] + "</td></tr>"; 
      divhtml += "<tr><td>Total Left Investment</td><td>" + arr[3] + "</td></tr>"; 
      divhtml += "<tr><td>Total Right Investment</td><td>" + arr[4] + "</td></tr>"; 
      divhtml += "<tr><td>Self Point </td><td>" + arr[5] + "</td></tr>"; 
      divhtml += "<tr><td>Expiry Date</td><td>" + arr[6] + "</td></tr>"; 

      divhtml += "</table>"; 
      document.getElementById("ctl00_ContentPlaceHolder1_divpreview").innerHTML = divhtml; 
      var left = m.clientX + 10; 
      if (pos == 1) { 
       left = m.clientX - 230; 
      } 
      else { 
       left = m.clientX + 10; 
      } 
      debugger; 

      document.getElementById("ctl00_ContentPlaceHolder1_divpreview").style.left = left.toString() + 'px'; 
      document.getElementById("ctl00_ContentPlaceHolder1_divpreview").style.display = "block"; 
      var top = 0; 
      top = document.documentElement.scrollTop + m.clientY - 50; 
      document.getElementById("ctl00_ContentPlaceHolder1_divpreview").style.top = top.toString() + 'px'; 
     } 
     function hidediv() { 
      document.getElementById("ctl00_ContentPlaceHolder1_divpreview").style.display = "none"; 
     } 
     function movediv(m, pos) { 
      var left = m.clientX + 05; 
      if (pos == 1) { 
       left = m.clientX - 200; 
      } 
      else { 
       left = m.clientX + 10; 
      } 

      document.getElementById("ctl00_ContentPlaceHolder1_divpreview").style.left = left.toString() + 'px'; 
      var top = 0; 
      top = document.documentElement.scrollTop + m.clientY - 50; 
      document.getElementById("ctl00_ContentPlaceHolder1_divpreview").style.top = top.toString() + 'px'; 
     } 
    </script> 

私は、パネルは星の近くに表示したいです。私は何をすべきか。

Answer 1

divpreview

<div runat="server" id="divpreview" class="preview" style="position:absolute;z-index:999;"> 
</div> 

Answer 2

親のdivに使用

position: relative; 

。位置絶対値要素は、最も近い配置された相対または配置絶対要素を見つけるときに「停止」します。

Answer 3

position: absolute; 

親のdivの位置 '絶対' に関する使用このスタイルを。