validators messing up layout in IE before being triggered?

[Dabbler]

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.

[Dabbler]

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.

"Dabbler" wrote:

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.

[Swanand Mokashi]

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

"Dabbler" <Da*****@discussions.microsoft.com> wrote in message
news:D1**********************************@microsof t.com...

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.

"Dabbler" wrote:

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.

[Dabbler]

Thanks, I hadn't even know about it. I'll give it a try.
"Swanand Mokashi" wrote:

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

"Dabbler" <Da*****@discussions.microsoft.com> wrote in message
news:D1**********************************@microsof t.com...

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.

"Dabbler" wrote:

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.

[Swanand Mokashi]

glad to help -- let us know if it works
"Dabbler" <Da*****@discussions.microsoft.com> wrote in message
news:AC**********************************@microsof t.com...

Thanks, I hadn't even know about it. I'll give it a try.
"Swanand Mokashi" wrote:

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

"Dabbler" <Da*****@discussions.microsoft.com> wrote in message
news:D1**********************************@microsof t.com...

> 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.
>
> "Dabbler" wrote:
>
>> 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.
>>
>>