1 Reply Latest reply on Apr 18, 2011 4:40 AM by Ilya Shaikovsky

    Compatibility with IE

    pankaj jain Newbie

      Hi, I have created simple login form which looks fine in FF but not in IE , it misses right hand side border.

       

      following is the code

       

       

          <%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>

          <%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>

          <%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>

          <%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>

       

          <html>

          <head>

          <style >

       

          .errorMessage

          {

              font-size: 12 px;

              color: red ;

          }

          </style>

       

          <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

          <title>Salary Hike</title>

          </head>

       

          <body>

          <f:view>

       

       

       

          <h:panelGrid columns="3" style="width:40%;margin:140px 50px 80px 290px;">

       

              <rich:panel header=" Login" style="height:160px">

              <h:outputText value="#{User.errorMessage}"  styleClass="errorMessage"/>

                      <h:form>

                          <h:panelGrid columns="3"  cellpadding="5" style="width:100%;margin:0px 0px 0px 50px;">

                              <h:outputText value="User name" style="font-size : 12px"/>

                              <h:inputText value="#{User.email_id}" id="userName"></h:inputText>

                              <rich:message for="userName" />

                              <h:outputText value="Password" style="font-size : 12px"/>

                              <h:inputSecret value="#{User.password}" />

                              <rich:spacer /><h:commandButton value="submit"  action="#{User.authenticate}"  />

                              <rich:spacer /><rich:spacer />

                              <rich:spacer />

                              <h:panelGrid columns="2" >

                                  <h:outputText value="New User ?" style="font-size : 12px"></h:outputText><h:commandLink value="Create account" action="#{User.showNewAccountPage}"></h:commandLink>

                              </h:panelGrid>

                          </h:panelGrid>

                      </h:form>

              </rich:panel>

          </h:panelGrid>

       

       

       

      </f:view>

      </body>

      </html>

       

       

       

       

      And following is the output in IE

      error1.bmp

       

      I don't know what is going wrong , Please help me out...

       

      Thanks