Hi there everyone,
I have just starting using these RadControls, and man, what a great job you guys have done... Its been an absolute pleasure working with them...
That said i am having some wierd browser compatibility issues with the RadRotator. I believe it has something to do with my styling of the ItemTemplate of the control...
This works exactly as i want it to work in Firefox but it IE i get blank nothingness where there is supposed to be my ItemTemplate. occasionaly it will display a sliver of the image i am wanting to display. I am assuming that it is cliping the content of the ItemTemplate for some reason.
I am using some styling for the layers inside the ItemTemplate of the control. Here is the code:
The layers inside ResortSpecialContainer are absolute positioned to display on top of the image...
Can anyopne see what i am doing wrong here and why IE is way off the reservation on this?
Duncan
I have just starting using these RadControls, and man, what a great job you guys have done... Its been an absolute pleasure working with them...
That said i am having some wierd browser compatibility issues with the RadRotator. I believe it has something to do with my styling of the ItemTemplate of the control...
This works exactly as i want it to work in Firefox but it IE i get blank nothingness where there is supposed to be my ItemTemplate. occasionaly it will display a sliver of the image i am wanting to display. I am assuming that it is cliping the content of the ItemTemplate for some reason.
I am using some styling for the layers inside the ItemTemplate of the control. Here is the code:
<rad:RadRotator ID="RadRotator1" runat="server" OnItemClick="RadRotator1_ItemClick" |
OnItemDataBound="RadRotator1_ItemDataBound" Width="430" Height="395"> |
<ItemTemplate> |
<div id="ResortSpecialContainer"> <asp:ImageButton ID="btnSpecialImage" runat="server" /> |
<div id="SpecialName"> |
<asp:Label ID="lblName" runat="server" /></div> |
<div id="SpecialTag"> |
<asp:Label ID="lblTag" runat="server" /></div> |
<div id="SpecialText"> |
<asp:Label ID="lblText" runat="server" /></div> |
</div> |
</ItemTemplate> |
</rad:RadRotator> |
#ResortSpecialContainer{ |
height: 395px; |
width: 430px; |
margin-right: auto; |
margin-left: auto; |
position: relative; |
top: 1px; |
left: 0px; |
clear: both; |
} |
#ResortSpecialContainer #SpecialName{ |
font-family: "Trebuchet MS", Arial, Verdana; |
font-size: 18px; |
color: #FFFFFF; |
position: absolute; |
top: 270px; |
text-align: center; |
left: 55px; |
width: 320px; |
whitewhite-space: nowrap; |
overflow: hidden; |
} |
#ResortSpecialContainer #SpecialTag{ |
font-family: "Trebuchet MS", Arial, Verdana; |
font-size: 10px; |
color: #FFFFFF; |
position: absolute; |
top: 295px; |
text-align: center; |
left: 65px; |
width: 300px; |
font-weight: bold; |
whitewhite-space: nowrap; |
overflow: hidden; |
} |
#ResortSpecialContainer #SpecialText{ |
font-family: "Trebuchet MS", Arial, Verdana; |
font-size: 18px; |
color: #FFFFFF; |
position: absolute; |
top: 315px; |
text-align: center; |
left: 85px; |
width: 260px; |
whitewhite-space: nowrap; |
overflow: hidden; |
} |
The layers inside ResortSpecialContainer are absolute positioned to display on top of the image...
Can anyopne see what i am doing wrong here and why IE is way off the reservation on this?
Duncan