I try to user RadToolTip, in FF the tip is Normal, but in IE the content of tip is out of the container
This is my ASCX file
Display in FF and IE
I uploaded the photo in my spaces : Photo
This is my ASCX file
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="View_ShowPicture.ascx.cs" Inherits="hqdai.Modules.EO_Pictures.View_ShowPicture" %> |
<%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" |
Namespace="System.Web.UI" TagPrefix="asp" %> |
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> |
<%@ Register TagPrefix="cc1" Namespace="SiteUtils" Assembly="CollectionPager" %> |
<link rel="stylesheet" href='/css/Shadow.css' media="screen" type="text/css"/><link rel="stylesheet" href='/css/Shadow.css' media="screen" type="text/css"/> |
<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server"> |
<link rel="stylesheet" href='<%= FileLocation()%>/css/Shadow.css' media="screen" type="text/css"/> |
</telerik:RadCodeBlock> |
<asp:DataList ID="dlShowPic" runat="server" RepeatColumns=2> |
<ItemTemplate> |
<div class="img-shadow"> |
<img id='<%# Eval("PicID")%>' src='<%# getPicture(DataBinder.Eval(Container.DataItem, "Picture").ToString())%>' |
height=70px /> |
</div> |
<telerik:RadToolTip ID="RadToolTip1" runat="server" |
TargetControlID='<%# Eval("PicID")%>' |
Animation=Fade |
Position=TopCenter |
IsClientID="true" |
BorderStyle="None" |
Skin="Web20" |
ContentScrolling="None"> |
<table> |
<tr> |
<td align="center"> |
<div class="img-shadow"> |
<img src='<%# getPictureThumb(DataBinder.Eval(Container.DataItem, "Picture").ToString())%>' /> |
</div> |
</td> |
</tr> |
<tr> |
<td align="center"> |
<asp:Label ID="lblTitle" runat="server" Text='<%# Eval("Title")%>' CssClass="DNormalBold"></asp:Label> |
</td> |
</tr> |
</table> |
</telerik:RadToolTip> |
</ItemTemplate> |
</asp:DataList> |
Display in FF and IE
I uploaded the photo in my spaces : Photo