2009-10-20 27 views
2

在我正在處理的aspx頁面上,服務器端正在生成一個表,並且在頁面上看起來很好。此外,在此頁面上,還有一個小頁腳。最終的結果是,當表格中的內容變得足夠長時,表格會延伸到頁腳之外,但頁腳不會將其自身重新定位在表格的底部。我需要添加什麼類型的css魔法來增加桌面周圍的div或者頁腳周圍的風格,以使其工作起來?頁腳重疊動態生成表

下面是一些有問題的代碼:

<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> 
+3

我們需要HTML代碼。 – 2009-10-20 20:01:54

+0

你測試過哪些瀏覽器版本? – Greg 2009-10-20 20:33:51

+0

該應用程序目前僅在IE7中進行了測試,因此其他瀏覽器均無關緊要。 (如果這取決於我,這不會是這種情況,但是你能做什麼......) – 2009-10-20 20:46:34

回答

0

我想包你的頭,內容和頁腳在3行的表。

+0

好吧,嘗試了3排桌子,並沒有奏效。相反,頁腳會重疊內容,並且會阻止顯示下面的任何內容。 (還是)感謝你的建議。 – 2009-10-21 12:53:01

+0

你可能在你的CSS中定義了一個浮動div。 – 2009-10-21 13:15:21

0

不是理想的解決方案,但我只是將頁腳移動到主內容div中。一種黑客,但它看起來很好,功能被保留。有時用CSS戰鬥是不值得的...