Click here to Skip to main content
15,888,229 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
My login page is going left alligned on using IE 5. Here the compatible view for IE11 is IE5 and its rendered that way such that the design comes good All pages except login page is having
des gn issue. We are using IE 11 and its compatibile view is IE 5. We are using VS 2005
ASP.NET
<div class="wrapper">
	<div class="header"></div>
	
	<div class="loginCenter">
	  <table width="300" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td colspan="3" style="padding-removed110px;"> </td>
        </tr>
        <tr>
          <td width="83" align="left" valign="middle">User ID </td>
          <td colspan="2" align="left" valign="middle">
            <asp:TextBox ID="txtLoginID" runat="server" MaxLength="20" CssClass="C3_TEXTBOX"
            Width="160px" onkeyup="getCaretPositions(this);" onclick="getCaretPositions(this);">
            </td>
             <td style="height: 30px">
              <asp:RequiredFieldValidator ID="Requiredfieldvalidator1" runat="server" ControlToValidate="txtLoginID"
              ErrorMessage="Username cannot be empty" CssClass="VALIDATECLASS">*</td>
        </tr>
        <tr>
          <td align="left" valign="middle"> </td>
          <td colspan="2" align="left" valign="middle"> </td>
        </tr>
        <tr>
          <td align="left" valign="middle">Password</td>
          <td colspan="2" align="left" valign="middle">
          <asp:TextBox ID="txtPassword" runat="server" MaxLength="20" CssClass="C3_TEXTBOX"
          TextMode="Password" Width="160px" onkeyup="getCaretPositions(this);" onclick="getCaretPositions(this);">
          </td>
          <td style="height: 27px">
          <asp:RequiredFieldValidator ID="Requiredfieldvalidator2" runat="server" ControlToValidate="txtPassword"
           ErrorMessage="Password cannot be empty" CssClass="VALIDATECLASS">*</td>
                            
        </tr>
        <tr>
          <td align="left" valign="middle"> </td>
          <td colspan="2" align="left" valign="middle"> </td>
        </tr>
        <tr>
          <td align="left" valign="middle" style="height: 21px"> </td>
          <td width="55" align="left" valign="middle" style="padding-removed3px; height: 21px;">
          <asp:Button ID="btnLogin" runat="server" Font-Size="8pt" 
           Font-Names="Verdana" Text="Login" Height="21" OnClick="btnLogin_Click" Width="52px" CssClass="Loginbutton">
              </td>
          <td width="162" align="left" valign="middle" style="padding-removed3px; height: 21px;">
          <input id="btnReset"   type="reset" value="Reset" name="btnReset"  önclick="return btnReset_onclick()" class="Loginbutton" style="width: 52px; height: 21px;"/>
              </td>
        </tr>
        <tr>
          <td align="left" valign="middle" style="height: 13px"> </td>
          <td align="right" valign="middle" style="padding-removed3px; height: 13px;"> </td>
          <td align="left" valign="middle" style="padding-removed3px; height: 13px;"> </td>
        </tr>
        <tr>
          <td align="left" valign="middle" style="height: 17px"> </td>
          <td colspan="2" align="left" valign="middle" style="padding-removed3px; height: 17px;"><img src="Images/Login/keyboardIcon.jpg" width="25" height="15" /> 
          <a href="java<!-- no -->script:keyb_change()" önclick="javascript:blur()" id="switch" style="font-family: Verdana;<br mode=" hold=" />           font-size: 10px; text-decoration: none; border-bottom: 0px dashed #0000F0; color: yellow">
            Show keyboard</a></td>
        </tr>
        <tr>
         <td align="center" colspan="4" style="height: 17px">
          <asp:Label ID="lblInvalid" CssClass="C3_LABEL" Visible="False" runat="server" ForeColor="Red"
           Font-Bold="True">Invalid Login</td></tr>
           <tr>
           <td align="center" colspan="4" style="height: 26px">
           <asp:Label ID="lblService" runat="server" CssClass="C3_LABEL" Font-Bold="True" ForeColor="Red"
             Visible="False" Width="319px">Unable to login since administrative processes are running</td>
           </tr>
      </table>
	</div>
	<div align="center" id="keyboard">
                                </div>
	<div class="textStrip">
		[ Note: Please check your password which is case sensitive before clicking on "Login". <br />
	  You may wish to check the position of 
	  your 'Caps Lock' key while typing your 					        password. ]	</div>
	<div class="termsContainer">
	<div id="thawteseal" style="text-align: center;" title="Click to Verify - This site chose Thawte SSL for secure e-commerce and confidential communications.">
     <div>
     <script type="text/javascript" src="https://seal.thawte.com/getthawteseal?host_name=payroll.c3card.com&size=S&lang=en">function btnReset_onclick() {
}
</script>
</div>
        </div>
        <div>
       <a href="http://www.thawte.com/products/" target="_blank" style="color: #000000;<br mode=" hold=" />        text-decoration: none; font: bold 10px arial,sans-serif; margin: 0px; padding: 0px;">
        ABOUT SSL CERTIFICATES</a></div>
     <br />
	<a href="http://nestit-370/C3psps/Terms%20and%20Conditions.doc" target="_blank">terms and conditions    </a></div>
	<div class="footer">
		<span>Best viewed in 1024 x 768 pixel </span>      <span>Copyright C3 Card Qatar - All rights reserved.</span>  <span>   Powered by NeST  </span>
	</div>
</div>
Posted
v2
Comments
Rahul 105 31-Dec-13 8:09am    
The abvove is a question
Philippe Mori 31-Dec-13 9:16am    
Show a capture or tell us what part is not properly aligned. Also, you should remove all useless code that is not required to see the problem.
ZurdoDev 31-Dec-13 11:58am    
IE5? Are you serious?

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900