Asnsac
Asnsac

Reputation: 27

how to solve such a browser compatibility issue?

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

Answers (1)

mas-designs
mas-designs

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

Related Questions