Table de chevauchement générée dynamiquement

Sur une page aspx sur laquelle je travaille, une table est générée côté serveur et semble bien sur la page. De plus, sur cette page, il y a un petit pied de page. Le résultat final est que lorsque le contenu de la table devient suffisamment long, la table s'étend au-delà du pied de page, mais le pied de page ne se repositionne pas au bas de la table. Quel genre de magie CSS ai-je besoin d'ajouter au style de la div entourant la table ou autour du pied de page pour faire fonctionner les choses?Table de chevauchement générée dynamiquement

Voici une partie du code incriminé:

<div id="contentPlusFooter"> 
       <div id="content" class="ContentWidth"> 
        <div style="margin-left: 10px;"> 
         <div id="contentBanner" class="insideContentWidth"> 
          <span class="contentBannerTitle">Inventory Tracking Report:</span> 
         </div> 
         <asp:Repeater ID="rptInventory" runat="server"> 
          <ItemTemplate> 
           <asp:GridView ID="gvInventory" runat="server" CssClass="insideContentWidth" GridLines="None" 
            AllowPaging="True" AllowSorting="True" AutoGenerateColumns="False" PageSize="20" 
            EmptyDataText="No inventory items found"> 
            <RowStyle CssClass="rowStyle" /> 
            <AlternatingRowStyle CssClass="altRowStyle" /> 
            <HeaderStyle CssClass="tableHeader" HorizontalAlign="left" /> 
            <Columns> 
             <asp:BoundField DataField="Description" HeaderText="Description" SortExpression="Description" /> 
             <asp:BoundField DataField="MinInventoryLevel" HeaderText="Minimum Inventory Level" 
              SortExpression="MinInventoryLevel" /> 
             <asp:BoundField DataField="CurrentInventoryLevel" HeaderText="Current Inventory Level" 
              SortExpression="CurrentInventoryLevel" /> 
             <asp:TemplateField HeaderText="Inventory Start Date" SortExpression="InventoryStartDate"> 
              <ItemTemplate> 

              </ItemTemplate> 
             </asp:TemplateField> 
            </Columns> 
           </asp:GridView> 
           <br /> 
          </ItemTemplate> 
         </asp:Repeater> 
        </div> 
       </div> 
       <rw:adminfooter id="Footer" runat="server" /> 
      </div>

Source

2009-10-20 Stu G

Nous avons besoin du code HTML. –

Quelles versions de quels navigateurs avez-vous testé? – Greg

L'application est actuellement testée uniquement dans IE7, donc aucun des autres navigateurs n'a d'importance. (Si cela ne tenait qu'à moi, ce ne serait pas le cas, mais que pouvez-vous faire ...) –

J'enveloppez votre tête, le contenu et le pied de page dans un tableau 3 de la ligne.

Source

2009-10-20 22:38:38

Eh bien, essayé la table à 3 rangs, et cela n'a pas fonctionné. Au lieu de cela, le pied de page chevauche le contenu et empêche également tout contenu qui s'étend en dessous d'être affiché. Merci pour la suggestion cependant. –

Vous avez probablement un div flottant défini dans votre CSS alors. –

Pas la solution idéale, mais j'ai simplement déplacé le pied de page dans le contenu principal div. Un peu un hack, mais ça a l'air bien et la fonctionnalité est préservée. Parfois, se battre avec css ne vaut pas le temps ...

Source

2009-10-21 16:25:15

Table de chevauchement générée dynamiquement

Répondre

Questions connexes