2013-02-19 4 views
0

У меня проблема с IE. Страница прекрасно работает во всех браузерах, как показано ниже.переполнение: скрытые данные исчезают в IE

enter image description here

но в IE данные не отображаются, даже если его там.

enter image description here

Проблема вызвана переполнением в: скрытый атрибут я использую на шаблоне элемента в ListView. Когда я меняю его на любое другое значение, данные отображаются в 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> 

Я был бы признателен за любую помощь по решению этой проблемы. Заранее спасибо.

+0

У вас проблема с клиентской стороной. Покажите нам код на стороне клиента, а не ASP, который его создает. – Quentin

+0

@Quentin Это в скрипке http://jsfiddle.net/V5aCa/8/ – Tsarl

+0

[Что-то на моем веб-сайте не работает. Могу ли я просто вставить ссылку на него?] (Http://meta.stackexchange.com/questions/125997/something-on-my-web-site-doesnt-work-can-i-just-paste-a-link -to-it) – Quentin

ответ

0

[Обновлено] Сначала примените класс или идентификатор css, чтобы избежать встроенного стиля.

Затем попробуйте написать overflow:hidden !important, чтобы IE не применял это правило, это должно сделать трюк!

.your-div-class{ 
    overflow:visible; /* This is default value, but reset it anyway */ 
    overflow:hidden !important; 
} 
+0

Ничего не изменилось ... скрыто значение переполнения по умолчанию, не так ли? – Tsarl

+0

@Tsarl См. Обновленный ответ – Bigood

+0

Я использовал это, но снова без изменений #MainContent_BookListView_itemPlaceholderContainer div { overflow: visible; overflow: hidden! Important; } – Tsarl

0

Применить минимальную высоту и ширину для этого DIV в Gridview, а затем применить переливом мин-высота: 110px; мин-ширина: 150px;

Попробуйте эту надежду, это поможет!

+0

К сожалению, это не сработает. – Tsarl

Смежные вопросы