asp.net - 溢出:隐藏使数据在IE中消失

IE出现问题。该页面在所有如下所示的浏览器中均可正常运行。



但即使在IE中，数据也不会显示。



问题是由我在ListView的项目模板上使用的overflow：hidden属性引起的。当我将其更改为任何其他值时，数据将显示在IE中，但是当然，布局在所有浏览器中都会混乱。

这是源代码和CSS http://jsfiddle.net/V5aCa/8/

这是我的代码：

<asp:ListView ID="BookListView" runat="server" DataSourceID="SqlDataSource1"
    onselectedindexchanged="BookListView_SelectedIndexChanged">
    <LayoutTemplate>
        <table runat="server" cellpadding="1" id="tblBooks" style="">
          <tr runat="server">
              <td runat="server">
                  <table ID="itemPlaceholderContainer" runat="server" border="0" style="">
                      <tr ID="itemPlaceholder" runat="server">
                      </tr>
                  </table>
              </td>
          </tr>
        </table>
    </LayoutTemplate>

    <ItemTemplate>
         <div style="overflow:hidden">
            <div class="itemTemplateleftColumn">
                <asp:Image ID="Image1" runat="server" ImageUrl='<%# String.Format("~\\Static\\Images\\BookCovers\\{0}", Eval("CoverImageSmall")) %>' Height="120px" Width="90px" BorderColor="Gray" BorderWidth="1px"/>
            </div>
            <div class="itemTemplaterightColumn">
                <div class="titleRow">
                    <asp:Label runat="server" ID="BookTitleLabel" Text='<%# Eval("Title") %>' />
                </div>
                <div class="nameRow">
                    <asp:Label runat="server" ID="FirstNameLabel" Text='<%# Eval("FirstName") %>' />
                    <asp:Label runat="server" ID="LastNameLabel" Text='<%# Eval("LastName") %>' />
                </div>
                <div class="values">
                     <div>
                        value1
                     </div>
                     <div>
                        value2
                     </div>
                </div>
                <div class="values">
                    <div>
                        value3
                    </div>
                    <div>
                        <asp:Label runat="server" ID="PriceLabel" Text='<%# Eval("Price") %>' />&#8364
                    </div>
                </div>
            </div>
        </div>
    </ItemTemplate>

</asp:ListView>

</asp:Content>

对于解决此问题的任何帮助，我将不胜感激。提前致谢。

最佳答案

在Gridview中为该div应用最小的高度和宽度，然后应用溢出
最小高度：110像素；最小宽度：150像素；

试试这个希望对您有所帮助！