validators messing up layout in IE before being triggered?

[Guest]

I have RequiredFieldValidators which are displacing my layout before the
validator is used. This only happens in IE, Firefox renders the page
correctly.

Sample useage:
<asp:Label ID="lblLastName" runat="server"
CssClass="waLabel" Text="Last Name" ></asp:Label>
<asp:TextBox ID="tbLastName" Text='<%# Bind("LastName")
%>' ReadOnly="false" runat="server" CssClass="waTextBox" Width="180px"
MaxLength="25"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server"
ControlToValidate="tbLastName" ErrorMessage="Last name is required"
SetFocusOnError="True" ValidationGroup="regForm">
<img src="~/images/bangs.gif" title="required"
/></asp:RequiredFieldValidator><br />

When I comment out the Validator control everything renders as it should.

Can anyone suggest a solution as the vertical spacing of my Label-TextBox
combinations isn't consistent and the form looks unprofessional.

Thanks much.

 

[Guest]

Turns out that if I remove the img tag in the Validator's content and use
text to indicate the error instead the layout renders ok. Too bad, I had a
cute exclamation point I was using to highlight the fields in error which
worked fine in Firefox.

 

[Swanand Mokashi]

have you tried Display="Dynamic" option on the validator
?

 

[Guest]

Thanks, I hadn't even know about it. I'll give it a try.

 

[Swanand Mokashi]

glad to help -- let us know if it works

Thanks, I hadn't even know about it. I'll give it a try.