IE Aling to right. Urgent!!

3 posts, 1 answers
  1. July
    July avatar
    205 posts
    Member since:
    Jul 2011

    Posted 31 Oct 2011 Link to this post

    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. Answer
    Kate
    Admin
    Kate avatar
    1898 posts

    Posted 02 Nov 2011 Link to this post

    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. July
    July avatar
    205 posts
    Member since:
    Jul 2011

    Posted 02 Nov 2011 Link to this post

    Thanks Kate !! that is work perfectly!!!
Back to Top