Compatibility with IE
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
I don't know what is going wrong , Please help me out...
Thanks
