2011-12-22 15 views
0

私は、ボタンクリックでtelerik radwindowをポップアップする単純なページを持っています。
IE 9では折りたたまれて開きます。FF、Chrome、IE 8、IE互換モードで正常に動作します。
以下のスクリーンショットを見てください。ページコードHERESにTelerik RadwindowがIE 9用にオーバーフローが隠されたときに崩壊する

IE 9
IE 9

Firefoxの
enter image description here

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %> 

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title></title> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <telerik:RadScriptManager ID="scriptManager" runat="server" /> 
    <telerik:RadButton ID="btnOpen" runat="server" Text="Open" OnClick="btnOpen_Click" /> 
    <br /> 
    <telerik:RadWindow ID="TestDialog" runat="server" Title="Select Order Services" 
     VisibleStatusbar="false" AutoSize="true" AutoSizeBehaviors="Height" Width="400px" 
     Modal="true" VisibleOnPageLoad="false" Behaviors="Close, Move" EnableShadow="true"> 
     <ContentTemplate> 
      <div style="overflow: hidden;"> 
       <table cellspacing="0" border="0" 
        style="table-layout: auto; "> 
        <tbody> 
         <tr> 
          <th style="width: 100px;">Column 1</th> 
          <th style="width: 100px;">Column 2</th> 
         </tr> 
         <tr> 
          <td> 
           a 
          </td> 
          <td> 
           a 
          </td> 
         </tr> 
         <tr> 
          <td> 
           b 
          </td> 
          <td> 
           b 
          </td> 
         </tr> 
         <tr> 
          <td> 
           c 
          </td> 
          <td> 
           c 
          </td> 
         </tr> 
        </tbody> 
       </table> 
      </div> 
     </ContentTemplate> 
    </telerik:RadWindow> 
    </form> 
</body> 
</html> 

の背後にあるコード:

protected void btnOpen_Click(object sender, EventArgs e) 
     { 
      TestDialog.VisibleOnPageLoad = true; 
     } 

私はスタイルでoverflow:hidden存在をしたいと、まだポップアップが、私はそれを得るにはどうすればよいIE 9で全開したいですか?

答えて

0

方法が見つかりました。

<ContentTemplate> 
      <div style="display: inline; overflow: hidden;"> 
... 

これは解決策ですが、これはどのように動作するのですか?それは私が書いたコードの1つの幸運な行でした!
私はなぜそれが機能するのか説明できる人がいれば、回答としてマークします。

+0

長年の回答がないため、回答としてマークを付けてください。 –

関連する問題