Ajout d'une superposition div à chaque élément d'une commande de répéteur

Question

J'ai ajouté une superposition div à ma commande de répéteur en utilisant le positionnement absolu. De manière prévisible, cela rend simplement tous les divs au même endroit. Y at-il un moyen que je peux mettre cette superposition sur chaque ligne de mon répéteur?

<table style="border-style:None;width:350px;border-collapse:collapse;"> 
<tr> 
    <td> 
     <b>ID</b> 
    </td> 
    <td> 
     <b>User Name</b> 
    </td> 
    <td> 
     <b>Role</b> 
    </td> 
    <td> 
     <b>Last Logged On</b> 
    </td> 
</tr> 

<asp:Repeater ID="rptUsers" runat="server" 
    onitemdatabound="rptUsers_ItemDataBound"> 
    <ItemTemplate> 
    <div style="position:absolute; top:57px; width:350px; height:16px;" /> 
    <tr> 
     <td> 
      <asp:Label id="lblUserID" runat="server" Text='<% # Eval("ID") %>'></asp:Label> 
     </td> 
     <td> 
      <asp:Label id="lblUserName" runat="server" Text='<% # Eval("UserName") %>' ></asp:Label> 
     </td> 
     <td> 
      <asp:Label ID="lblUserRole" runat="server" Text='<% # Eval("UserRole") %>' ></asp:Label> 
     </td> 
     <td> 
      <asp:Label ID="lblUserLastLoggedOn" runat="server" Text='<% # ((DateTime)Eval("LastLogin") != DateTime.MinValue) ? Eval("LastLogin") : "Never" %>' ></asp:Label> 
     </td> 

    </tr>  
    </ItemTemplate> 
</asp:Repeater> 
</table> 

Answer 1

Vous ne devriez pas avoir un <div> comme un enfant d'un <table>. Vous pouvez essayer de déplacer le <div> dans le premier <td> puis de définir position: relative sur le <tr>. L'ajout de position relative dira à l'<div> positionné de manière absolue de se positionner par rapport au <tr>. Vous devrez probablement ajuster les propriétés CSS top et left du <div>.