两个Panel显示位置的问题

jinglej 2012-07-17 10:40:21

页面：第一个Panel上放了ListView，显示数据库中的记录，第二个panel显示提示信息。因为显示记录条数的多少，panel的高度会变化，我想让第二个panel永远紧紧跟在第一个panel后面显示，应该如何写CSS定位。

...全文

155 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

dxphero 2012-07-17

打赏
举报

放到同一个容器里比如放在同一个table的单元格里或者同一个div中

jinglej 2012-07-17

打赏
举报

<asp:Content ID="cttContent" ContentPlaceHolderID="cphMasterContent" runat="server">
<asp:ScriptManagerProxy ID="ScriptManagerProxyNew" runat="server">
</asp:ScriptManagerProxy>
<asp:UpdatePanel ID="UpdatePanelNew" runat="server">
<ContentTemplate>
<asp:Panel ID="pnlHead" runat="server" CssClass="pnlHead">
<asp:Label ID="lblCaption" runat="server" Text="现金充值终端月报"CssClass="lblCaption" />
</asp:Panel>
<%-- Panel Body --%>
<asp:Panel ID="pnlBody" runat="server" CssClass="pnlBody">
<asp:Label ID="lblTerminalID" runat="server" CssClass="lblTerminalID" Text="终端编号"></asp:Label>
<asp:TextBox ID="txtTerminalID" runat="server" CssClass="txtTerminalID" MaxLength="8" ToolTip="终端编号"></asp:TextBox>
<asp:Label ID="lblReportMonth" runat="server" CssClass="lblReportMonth" Text="报表月度"></asp:Label>
<asp:TextBox ID="txtReportMonth" runat="server" CssClass="txtReportMonth" MaxLength="6" ToolTip="报表月度，格式：yyyymm，例如：“2010年1月”表示为“201001”。"></asp:TextBox>
<asp:Button ID="btnQuery" runat="server" CssClass="btnQuery" Text="查询"
onclick="btnQuery_Click" OnClientClick="return btnQuery_Click();" />
<asp:Button ID="btnExcel" runat="server" CssClass="btnExcel" Text="导出Excel"
ToolTip="以Excel表格导出整个报表" onclick="btnExcel_Click"/>
<hr />
<asp:ObjectDataSource ID="odsMain" runat="server" SelectMethod="Select"
TypeName="DT_CashChargeTerminalMonthlyReport">
<SelectParameters>
<asp:ControlParameter ControlID="txtTerminalID" ConvertEmptyStringToNull="False" Name="terminalID" PropertyName="Text" Type="String" />
<asp:ControlParameter ControlID="txtReportMonth" ConvertEmptyStringToNull="False" Name="reportMonth" PropertyName="Text" Type="String" />
</SelectParameters>
</asp:ObjectDataSource>
<asp:ListView ID="lvwMain" runat="server" DataSourceID="odsMain">
<ItemTemplate>
<tr style="background-color: #F0F0F0;color: #000000;">
<td style="text-align: left;">
<asp:Label ID="TerminalIDLabel" runat="server"
Text='<%# Eval("TerminalID") %>' />
</td>
<td style="text-align: left;">
<asp:Label ID="TerminalNameLabel" runat="server"
Text='<%# Eval("TerminalName") %>' />
</td>
</tr>
</ItemTemplate>
<AlternatingItemTemplate>
<tr style="background-color: #E0E0E0;color: #000000;">
<td style="text-align: left;">
<asp:Label ID="TerminalIDLabel" runat="server"
Text='<%# Eval("TerminalID") %>' />
</td>
<td style="text-align: left;">
<asp:Label ID="TerminalNameLabel" runat="server"
Text='<%# Eval("TerminalName") %>' />
</td>
</tr>
</AlternatingItemTemplate>
<EmptyDataTemplate>
<table id="Table1" runat="server"
style="background-color: #FFFFFF;border-collapse: collapse;border-color: #999999;border-style:none;border-width:1px;">
<tr>
<td>
没有记录。</td>
</tr>
</table>
</EmptyDataTemplate>
<LayoutTemplate>
<table id="Table2" runat="server">
<tr id="Tr1" runat="server">
<td id="Td1" runat="server">
<table ID="itemPlaceholderContainer" runat="server" border="1"
style="background-color: #FFFFFF;border-collapse: collapse;border-color: #999999;border-style:none;border-width:1px;font-family: Verdana, Arial, Helvetica, sans-serif;">
<tr id="Tr2" runat="server" style="background-color: #D0D0D0;color: #000000;">
<th id="Th1" runat="server" style="width: 100px;">
终端编号</th>
<th id="Th9" runat="server" style="width: 100px;">
终端名称</th>
</tr>
<tr ID="itemPlaceholder" runat="server">
</tr>
</table>
</td>
</tr>
<tr id="Tr3" runat="server">
<td id="Td2" runat="server"
style="text-align: center;background-color: #D0D0D0;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; color: #FFFFFF;">
<asp:DataPager ID="DataPager1" runat="server" PageSize="20">
<Fields>
<asp:NextPreviousPagerField ButtonType="Button" ShowFirstPageButton="True" ShowNextPageButton="False" ShowPreviousPageButton="True"
FirstPageText="首页" LastPageText="尾页" NextPageText="下页" PreviousPageText="上页" />
<asp:NumericPagerField ButtonCount="10" />
<asp:NextPreviousPagerField ButtonType="Button" ShowLastPageButton="True" ShowNextPageButton="True" ShowPreviousPageButton="False"
FirstPageText="首页" LastPageText="尾页" NextPageText="下页" PreviousPageText="上页" />
</Fields>
</asp:DataPager>
</td>
</tr>
</table>
</LayoutTemplate>
</asp:ListView>
</asp:Panel>
<%-- Panel Foot --%>
<asp:Panel ID="pnlFoot" runat="server" CssClass="pnlFoot">
<asp:Label ID="lblHint" runat="server" CssClass="lblHint" Text="提示：" />
</asp:Panel>
</ContentTemplate>
</asp:UpdatePanel>
</asp:Content>

问题：当panel body中记录数分页显示时，当前页中panel foot中内容显示在了中间某条记录上面了。我想让panel foot显示在所有记录下面。