This is a migrated thread and some comments may be shown as answers.

IE Aling to right. Urgent!!

2 Answers 52 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
July
Top achievements
Rank 2
July asked on 31 Oct 2011, 09:59 PM
I've a problem with Tab.
I attach
- How see in in IE .
-How see in FF.

I need see in IE such as FF.

This is my code:

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" />
    <telerik:RadAjaxPanel ID="RadJax1" runat="server" Width="100%" Height="100%">
        <div class="headerPage">
            <asp:Label ID="lblTitle" runat="server"></asp:Label>
        </div>
        <div class="containerSub">
            <div class="TabSubContainer">
                <telerik:RadTabStrip ID="RadTabStrip1" runat="server" Skin="Vista" MultiPageID="RadMultiPage1"
                    SelectedIndex="0" CssClass="tabStripOrg" Width="100%">
                    <Tabs>
                        <telerik:RadTab Value="Information">
                        </telerik:RadTab>
                        <telerik:RadTab Value="Emails">
                        </telerik:RadTab>
                        <telerik:RadTab Value="Settings">
                        </telerik:RadTab>
                    </Tabs>
                </telerik:RadTabStrip>
                <div style="width: 100%; margin-left: 30%; top: 8%">
                    <asp:Label ID="lblValidationText" Style="margin-bottom: 50px" CssClass="validator"
                        runat="server" Font-Italic="true"></asp:Label></div>
                <telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" CssClass="multiPageOrg">
                    <telerik:RadPageView ID="RadPageViewInformation" runat="server" Width="100%">
                        <div class="TabTitleOrganization">
                            <asp:Label ID="lblTitleTab1" runat="server"></asp:Label>
                        </div>
                        <div class="BodyContainter">
                            <asp:Table ID="Table3" CssClass="organizationTable" runat="server">
                                <asp:TableRow>
                                    <asp:TableCell CssClass="CellLabelL">
                                        <asp:Label runat="server" ID="lblName" CssClass="fontLabel" /></asp:TableCell><asp:TableCell
                                            CssClass="CellTextBoxL">
                                            <asp:TextBox ID="txtName" MaxLength="250" CssClass="TextBoxPopUp" runat="server">
                                            </asp:TextBox><asp:RequiredFieldValidator ID="rfName" runat="server" ErrorMessage="*"
                                                ControlToValidate="txtName" CssClass="validator" Display="Dynamic"></asp:RequiredFieldValidator>
                                        </asp:TableCell><asp:TableCell CssClass="CellLabelRTW">
                                            <asp:Label runat="server" CssClass="fontLabel" ID="lblAddress" /></asp:TableCell><asp:TableCell
                                                CssClass="CellTextBoxR">
                                                <asp:TextBox ID="txtAddress" MaxLength="250" CssClass="TextBoxPopUp" runat="server" />
                                            </asp:TableCell></asp:TableRow>
                                <asp:TableRow>
                                    <asp:TableCell CssClass="CellLabelL">
                                        <asp:Label runat="server" ID="lblDescription" CssClass="fontLabel" /></asp:TableCell><asp:TableCell
                                            CssClass="CellTextBoxL" ColumnSpan="3">
                                            <asp:TextBox ID="txtDescription" TextMode="MultiLine" MaxLength="250" runat="server"
                                                CssClass="TextBoxPopUpDescription" />
                                        </asp:TableCell></asp:TableRow>
                                <asp:TableRow>
                                    <asp:TableCell CssClass="CellLabelL">
                                        <asp:Label runat="server" ID="lblPhone1" CssClass="fontLabel" /></asp:TableCell><asp:TableCell
                                            CssClass="CellTextBoxL">
                                            <telerik:RadMaskedTextBox ID="txtPhone" runat="server" MaxLength="250" CssClass="TextBoxPopUp"
                                                Mask="(###) ###-####-####" DisplayMask="(###) ###-####-####">
                                            </telerik:RadMaskedTextBox>
                                        </asp:TableCell><asp:TableCell CssClass="CellLabelRTW">
                                            <asp:Label runat="server" ID="lblPhone2" CssClass="fontLabel" /></asp:TableCell><asp:TableCell
                                                CssClass="CellTextBoxR">
                                                <telerik:RadMaskedTextBox ID="txtPhone2" runat="server" MaxLength="250" CssClass="TextBoxPopUp"
                                                    Mask="(###) ###-####-####" DisplayMask="(###) ###-####-####">
                                                </telerik:RadMaskedTextBox>
                                            </asp:TableCell></asp:TableRow>
                                <asp:TableRow>
                                    <asp:TableCell CssClass="CellLabelL">
                                        <asp:Label runat="server" ID="lblState" CssClass="fontLabel" /></asp:TableCell><asp:TableCell
                                            CssClass="CellTextBoxL">
                                            <asp:TextBox ID="txtState" MaxLength="250" CssClass="TextBoxPopUp" runat="server" />
                                        </asp:TableCell><asp:TableCell CssClass="CellLabelRTW">
                                            <asp:Label runat="server" ID="lblCity" CssClass="fontLabel" /></asp:TableCell><asp:TableCell
                                                CssClass="CellTextBoxR">
                                                <asp:TextBox ID="txtCity" MaxLength="250" CssClass="TextBoxPopUp" runat="server" />
                                            </asp:TableCell></asp:TableRow>
                                <asp:TableRow>
                                    <asp:TableCell CssClass="CellLabelL">
                                        <asp:Label runat="server" ID="lblCodePost" CssClass="fontLabel" /></asp:TableCell><asp:TableCell
                                            CssClass="CellTextBoxL">
                                            <telerik:RadMaskedTextBox ID="txtCodePost" runat="server" MaxLength="250" CssClass="TextBoxPopUp"
                                                Mask="#####" DisplayMask="#####">
                                            </telerik:RadMaskedTextBox>
                                        </asp:TableCell><asp:TableCell CssClass="CellLabelL">
                                            <asp:Label runat="server" ID="lblHome" CssClass="fontLabel" /></asp:TableCell>
                                    <asp:TableCell CssClass="CellTextBoxL">
                                        <asp:TextBox ID="txtHome" MaxLength="250" CssClass="TextBoxPopUp" runat="server" />
                                        <asp:RequiredFieldValidator ErrorMessage="*" ControlToValidate="txtHome" runat="server"
                                            CssClass="validator"></asp:RequiredFieldValidator>
                                        <asp:RegularExpressionValidator ControlToValidate="txtHome" Display="Dynamic" runat="server"
                                            ID="reURL" CssClass="validator" ValidationExpression="(((https?||http):((//)|(\\\\)))?[\w\d:#@%/;$()~_?\+-=\\\.&]*)"></asp:RegularExpressionValidator></asp:TableCell></asp:TableRow>
                            </asp:Table>
                        </div>
                    </telerik:RadPageView>
                    <telerik:RadPageView ID="RadPageEmailSetting" runat="server" Width="100%">
                        <div class="TabTitleOrganization">
                            <asp:Label ID="lblTitleTab2" runat="server"></asp:Label></div>
                        <div class="BodyContainter">
                            <div id="CommonEmails_DIV" runat="server">
                                <asp:Panel ID="CommonEmails" runat="server" Direction="LeftToRight" CssClass="pnlEmail">
                                    <asp:Table ID="Table2" CssClass="organizationTable" runat="server">
                                        <asp:TableRow>
                                            <asp:TableCell CssClass="CellLabelL">
                                                <asp:Label runat="server" ID="lblItPort" CssClass="fontLabel" /></asp:TableCell><asp:TableCell
                                                    CssClass="CellTextBoxL">
                                                    <asp:TextBox ID="txtItPort" MaxLength="250" CssClass="TextBoxPopUp" runat="server">
                                                    </asp:TextBox><asp:RequiredFieldValidator runat="server" ErrorMessage="*" ControlToValidate="txtItPort"
                                                        CssClass="validator" Display="Dynamic" />
                                                </asp:TableCell><asp:TableCell CssClass="CellLabelRTW">
                                                    <asp:Label runat="server" CssClass="fontLabel" ID="lblItServer" /></asp:TableCell><asp:TableCell
                                                        CssClass="CellTextBoxR">
                                                        <asp:TextBox ID="txtItServer" MaxLength="250" CssClass="TextBoxPopUp" runat="server" /><asp:RequiredFieldValidator
                                                            runat="server" ErrorMessage="*" ControlToValidate="txtItServer" CssClass="validator"
                                                            Display="Dynamic" />
                                                    </asp:TableCell></asp:TableRow>
                                        <asp:TableRow>
                                            <asp:TableCell CssClass="CellLabelL">
                                                <asp:Label runat="server" ID="lblServerPassword" CssClass="fontLabel" /></asp:TableCell><asp:TableCell
                                                    CssClass="CellTextBoxL">
                                                    <asp:TextBox ID="txItServerPassword" MaxLength="250" CssClass="TextBoxPopUp" runat="server">
                                                    </asp:TextBox><asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server"
                                                        ErrorMessage="*" ControlToValidate="txtItPort" CssClass="validator" Display="Dynamic" />
                                                </asp:TableCell><asp:TableCell CssClass="CellLabelR">
                                                    <asp:Label runat="server" CssClass="fontLabel" ID="Label2" /></asp:TableCell><asp:TableCell
                                                        CssClass="CellTextBoxR">
                                                
                                                    </asp:TableCell></asp:TableRow>
                                        <asp:TableRow>
                                            <asp:TableCell CssClass="CellLabelL">
                                                <asp:Label runat="server" ID="lblSsl" CssClass="fontLabel" /></asp:TableCell><asp:TableCell
                                                    CssClass="CellTextBoxL">
                                                    <asp:DropDownList ID="ddlSSL" runat="server">
                                                    </asp:DropDownList>
                                                </asp:TableCell><asp:TableCell CssClass="CellLabelRTW">
                                                </asp:TableCell><asp:TableCell CssClass="CellTextBoxR">
                                                   
                                         
                                                </asp:TableCell></asp:TableRow>
                                        <asp:TableRow>
                                            <asp:TableCell CssClass="CellLabelL">
                                                <asp:Label runat="server" ID="lblSendEmail" CssClass="fontLabel" /></asp:TableCell><asp:TableCell
                                                    CssClass="CellTextBoxL">
                                                    <asp:DropDownList ID="ddlSendEmail" runat="server">
                                                    </asp:DropDownList>
                                                </asp:TableCell><asp:TableCell CssClass="CellLabelRTW">
                                                    <asp:Label runat="server" CssClass="fontLabel" ID="lblisHtml" /></asp:TableCell><asp:TableCell
                                                        CssClass="CellTextBoxR">
                                                        <asp:DropDownList ID="ddlIsHTML" runat="server">
                                                        </asp:DropDownList>
                                                    </asp:TableCell></asp:TableRow>
                                    </asp:Table>
                                </asp:Panel>
                            </div>
                            <div id="SettingbyAreas_DIV" runat="server">
                                <asp:Panel ID="SettingbyAreas" runat="server" CssClass="pnlEmail">
                                    <telerik:RadPanelBar runat="server" ID="RadPanelBar1" Width="100%">
                                        <Items>
                                            <telerik:RadPanelItem Expanded="True" Value="RadPanelIT" runat="server" Selected="true"
                                                Width="100%">
                                                <Items>
                                                    <telerik:RadPanelItem Value="IT" runat="server">
                                                        <ItemTemplate>
                                                            <asp:Table CssClass="organizationTable" runat="server">
                                                                <asp:TableRow>
                                                                    <asp:TableCell CssClass="CellLabelL">
                                                                        <asp:Label runat="server" ID="lblITFromAddress" CssClass="fontLabel" /></asp:TableCell><asp:TableCell
                                                                            CssClass="CellTextBoxL">
                                                                            <asp:TextBox ID="txtITFromAddress" MaxLength="250" CssClass="TextBoxPopUp" runat="server">
                                                                            </asp:TextBox><asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server"
                                                                                ErrorMessage="*" ControlToValidate="txtITFromAddress" CssClass="validator" Display="Dynamic" />
                                                                            <asp:RegularExpressionValidator ControlToValidate="txtItFromAddress" CssClass="validator" ID="reITFromAddress"
                                                                                Display="Dynamic" ValidationExpression="^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$"  runat="server"></asp:RegularExpressionValidator>
                                                                        </asp:TableCell><asp:TableCell CssClass="CellLabelR">
                                                                            <asp:Label runat="server" CssClass="fontLabel" ID="lblITFromName" /></asp:TableCell><asp:TableCell
                                                                                CssClass="CellTextBoxR">
                                                                                <asp:TextBox ID="txtItFromName" MaxLength="250" CssClass="TextBoxPopUp" runat="server" /><asp:RequiredFieldValidator
                                                                                    ID="RequiredFieldValidator4" runat="server" ErrorMessage="*" ControlToValidate="txtItFromName"
                                                                                    CssClass="validator" Display="Dynamic" />
                                                                            </asp:TableCell></asp:TableRow>
                                                            </asp:Table>
                                                        </ItemTemplate>
                                                    </telerik:RadPanelItem>
                                                </Items>
                                            </telerik:RadPanelItem>
                                        </Items>
                                    </telerik:RadPanelBar>
                                </asp:Panel>
                            </div>
                            <%-- <div style="width: 100%; text-align: left">
                            <asp:ImageButton ID="btnAddEmail" runat="server" ImageUrl="~/UI/Images/add.png">
                            </asp:ImageButton><asp:Label ID="lblAdd" runat="server"></asp:Label></div>--%>
                        </div>
                    </telerik:RadPageView>
                    <telerik:RadPageView ID="RadPageView1" runat="server" Width="680px">
                        <div class="TabTitleOrganization">
                            <asp:Label ID="lblTitleTab3" runat="server"></asp:Label></div>
                        <div class="BodyContainter">
                            <asp:Table CssClass="organizationTable" runat="server">
                                <asp:TableRow>
                                    <asp:TableCell CssClass="CellLabelL">
                                        <asp:Label runat="server" ID="lblCulture" CssClass="fontLabel" /></asp:TableCell><asp:TableCell
                                            CssClass="CellTextBoxL">
                                            <telerik:RadComboBox ID="cblenguages" runat="server">
                                                <Items>
                                                    <telerik:RadComboBoxItem Value="en-US" Text="United States - English" ImageUrl="../Images/Flags/en-US.png" />
                                                    
                                                </Items>
                                            </telerik:RadComboBox>
                                        </asp:TableCell>
                                    <asp:TableCell CssClass="CellLabelRTW">
                                        <asp:Label runat="server" CssClass="fontLabel" ID="lblExpireDays" /></asp:TableCell>
                                    <asp:TableCell CssClass="CellTextBoxR">
                                        <asp:TextBox ID="txtExpireDays" MaxLength="250" CssClass="TextBoxPopUp" runat="server" /><asp:RequiredFieldValidator
                                            ID="RequiredFieldValidator6" runat="server" ErrorMessage="*" ControlToValidate="txtExpireDays"
                                            CssClass="validator" Display="Dynamic"></asp:RequiredFieldValidator>
                                    </asp:TableCell></asp:TableRow>
                                <asp:TableRow>
                                    <asp:TableCell CssClass="CellLabelL">
                                        <asp:Label runat="server" ID="lblLogo" CssClass="fontLabel" /></asp:TableCell>
                                    <asp:TableCell CssClass="CellTextBoxL">
                                        <%--    <asp:FileUpload   ID="FileUpload1" runat="server"  />
                                       <asp:CustomValidator ControlToValidate="FileUpload1" runat="server" Display="Dynamic"
                                                                         Id="cvFile"   CssClass="validator" OnServerValidate="cvFile_ServerValidate">
                                       ></asp:CustomValidator>--%>
                                        <telerik:RadUpload runat="server" ID="radUpload" MaxFileInputsCount="1" OverwriteExistingFiles="true"
                                            MaxFileSize="1000000" ControlObjectsVisibility="None">
                                        </telerik:RadUpload>
                                    </asp:TableCell>
                                    <asp:TableCell CssClass="CellLabelR" ColumnSpan="2">
                                        <asp:Label CssClass="fontLabel" ID="lblUpload" runat="server"></asp:Label></asp:TableCell>
                                </asp:TableRow>
                            </asp:Table>
                        </div>
                    </telerik:RadPageView>
                </telerik:RadMultiPage>
            </div>
        </div>
        <div class="footerSaveOrg">
            <asp:Table ID="Table5" runat="server" Width="100%" HorizontalAlign="Right">
                <asp:TableRow>
                    <asp:TableCell HorizontalAlign="center">
                        <telerik:RadButton ID="btnSave" runat="server" Skin="Vista" Width="100px" OnClick="btnSave_OnClick" />
                        <telerik:RadButton ID="btnCancel" runat="server" Skin="Vista" Width="100px" CausesValidation="False"
                            ToolTip="Cancel" CommandName="Cancel">
                        </telerik:RadButton>
                    </asp:TableCell></asp:TableRow>
            </asp:Table>
        </div>
    </telerik:RadAjaxPanel>
    <UC:Notification ID="Notification" runat="server" />
</asp:Content>


CSS:
.TabSubContainer{ margin-top:6px; margin-left:5px; position:relative; height:50%; width:100%}
 
 .BodyContainter{width:100%; height:100%;  margin-top:5px; margin-left:5px}
 
 .organizationTable{width:100%; max-width:760px; height:50%; }
 
 .TabTitleOrganization
{       
    height:4%;    
    text-align:center;  
    background-color: #C1E3F7;   
    font-Family:inherit;
    font-weight:bolder;           
    font-size: 11px;    
    position:static;
    color:#555555;    
    width:100%;     
    max-width:760px;
    margin-left:0%;
    margin-top:0%

}


.multiPageOrg
{
    position:absolute;
    top:45px;
    color: white;
    text-align:left;
    width: 100%;
    max-width:100%;
    max-width:760px;
    height: 100%;      
}

.tabStripOrg
{
   position:absolute;
   top:2%;
   width:100%;  
   max-width:760px;
   text-align:left;
      
}


.pnlEmail
{
 width:100%;
 font-family: inherit;
 font-size:10px;
 font-weight:bolder;
 color:Black;
 }
 
 .TextBoxPopUpSignature
{
    max-width:250px;
    min-width:250px;
    font-family:Arial;
     font-size:10px;
     max-height:50px;
     min-height: 50px
}

 .TextBoxPopUpDescription
{
    max-width:500px;
    min-width:500px;
    font-family:Arial;
    font-size:10px;
    max-height:120px;
    min-height: 120px
}

 
.footerSaveOrg
{
      
    margin-bottom:0%;
   
    width: 100%;   
    bottom:0%;  
    position:static;
    background-color:#115678 ;
    height:30px;    
    
}

2 Answers, 1 is accepted

Sort by
0
Accepted
Kate
Telerik team
answered on 02 Nov 2011, 02:08 PM
Hello Julieta,

I tested your code and it seems that the appearance is different only in IE7. To have your page look the same in all browsers (IE8,9 and FF) you will need to add the following css class selectors to your current styles:
* + html .TabSubContainer
    {
        position: absolute;
        margin-top: 0px;
    }
     
    * + html .tabStripOrg
    {
        position: relative;
        top: 0%;
    }
 

Kind regards,
Kate
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
0
July
Top achievements
Rank 2
answered on 02 Nov 2011, 02:40 PM
Thanks Kate !! that is work perfectly!!!
Tags
TabStrip
Asked by
July
Top achievements
Rank 2
Answers by
Kate
Telerik team
July
Top achievements
Rank 2
Share this question
or