Reputation: 27
I have a code that displays the text field as 3 boxes with hyphens in between. It runs fine in firefox, but in IE, the boxes are getting merged. What should I do?
<div class="fileds-wrapper-left3">
<div class="fileds-inner" style="${promoterVO.pageConfig.promoterCodePart3.visibility}">
<div class="field-left">
<label><spring:message
code="rmp.promoter.label.promoter_code" />:<sup class="error-msg">${promoterVO.pageConfig.promoterCodePart3.mandatory}</sup></label>
</div>
<div class="field-right">
<form:input path="promoterCodePart1" style="width:25px"/>-<form:input path="promoterCodePart2" style="width:40px"/>-<form:input path="promoterCodePart3" style="width:70px"/><form:errors path="promoterCodePart3" cssClass="error-field" />
</div>
</div>
Upvotes: 0
Views: 1768
Reputation: 7556
Try to use css reset
CSS Resets ensure that there is no default browser padding or margin, or anything else browser specific added to your styling.
Upvotes: 1