my body style is similar to the following:
*
{
padding: 0px;
margin: 0px;
}
html, body
{
background-color: #006F92;
position: relative;
direction: rtl;
font: 9pt Tahoma, 'b yekan' , 'b homa' , 'arial' , Sans-Serif;
color: #0061B7;
height: 100%;
top: 0px;
right: 0px;
}
there is a fieldset within my body with the following structure:
<fieldset id="fieldset_From">
<legend>Web Site Names</legend>
<asp:Label ID="lblFrom" runat="server" Text="Web Site Names" ForeColor="#00FF5A"></asp:Label>
<telerik:RadComboBox ID="radcbFrom" runat="server" DataSourceID="sdsFrom_WebSites"
DataTextField="From_WebSite" DataValueField="ID" EnableEmbeddedSkins="false" Skin="BlackByMe"
ValidationGroup="A" Width="240px" LoadingMessage="Loading..." CausesValidation="False"
MaxHeight="150px" AppendDataBoundItems="True">
<Items>
<telerik:RadComboBoxItem runat="server" Text="All" Value="-1" />
</Items>
</telerik:RadComboBox>
</fieldset>
the slider of that Telerik RadComboBox has an issue with position: relative; within my body.
I require that positioning in the body.
How can I prevent the RadComboBox Slider from inheriting the positioning from the body?
EDIT :
rendered HTML :
<html xmlns="http://www.w3.org/1999/xhtml">
...
AND ALL CSS:
*
{
padding: 0px;
margin: 0px;
}
html, body
{
background-color: #006F92;
position: relative;
direction: rtl;
font: 9pt Tahoma, 'b yekan' , 'b homa' , 'arial' , Sans-Serif;
color: #0061B7;
height: 100%;
top: 0px;
right: 0px;
}
input, select, option
{
font-family: Tahoma, 'b yekan' , 'b homa' , 'arial' , Sans-Serif;
}
#OuterDiv
{
width: 650px;
height: 100%;
margin: 0 auto;
}
#OuterDiv .Link:link, #OuterDiv .Link:visited
{
color: #00FF12;
}
#OuterDiv .Link:hover, #OuterDiv .Link:active
{
color: #F0FF00;
}
#lbHome
{
font: bold 15px tahoma;
...
}
...
The div below the form element represents the slider of the RadComboBox.
Thank you in advance