2

在我正在处理的 aspx 页面上，正在服务器端生成一个表，并且在页面上看起来很好。此外，在此页面上，还有一个小页脚。最终结果是，当表格中的内容变得足够长时，表格会延伸到页脚之外，但页脚不会将自身重新定位在表格底部。我需要在表格周围的 div 或页脚周围的样式中添加什么样的 css 魔法才能使事情正常工作？

这是一些有问题的代码：

<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>
4

2 回答 2

0

我会将您的页眉、内容和页脚包装在一个 3 行表格中。

于 2009-10-20T22:38:38.823 回答
0

不是理想的解决方案，但我只是将页脚向上移动到主要内容 div 中。有点 hack，但它看起来不错并且功能得以保留。有时与 css 战斗是不值得的......

于 2009-10-21T16:25:15.520 回答