validators messing up layout in IE before being triggered?

[Dabbler]

I have RequiredFieldVa lidators 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="waLab el" Text="Last Name" ></asp:Label>
<asp:TextBox ID="tbLastName " Text='<%# Bind("LastName" )
%>' ReadOnly="false " runat="server" CssClass="waTex tBox" Width="180px"
MaxLength="25"> </asp:TextBox>
<asp:RequiredFi eldValidator ID="RequiredFie ldValidator2" runat="server"
ControlToValida te="tbLastName " ErrorMessage="L ast name is required"
SetFocusOnError ="True" ValidationGroup ="regForm">
<img src="~/images/bangs.gif" title="required "
/></asp:RequiredFie ldValidator><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 RequiredFieldVa lidators 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="waLab el" Text="Last Name" ></asp:Label>
<asp:TextBox ID="tbLastName " Text='<%# Bind("LastName" )
%>' ReadOnly="false " runat="server" CssClass="waTex tBox" Width="180px"
MaxLength="25"> </asp:TextBox>
<asp:RequiredFi eldValidator ID="RequiredFie ldValidator2" runat="server"
ControlToValida te="tbLastName " ErrorMessage="L ast name is required"
SetFocusOnError ="True" ValidationGroup ="regForm">
<img src="~/images/bangs.gif" title="required "
/></asp:RequiredFie ldValidator><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="Dynami c" option on the validator
?

"Dabbler" <Da*****@discus sions.microsoft .com> wrote in message
news:D1******** *************** ***********@mic rosoft.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 RequiredFieldVa lidators 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="waLab el" Text="Last Name" ></asp:Label>
<asp:TextBox ID="tbLastName " Text='<%#
Bind("LastName" )
%>' ReadOnly="false " runat="server" CssClass="waTex tBox" Width="180px"
MaxLength="25"> </asp:TextBox>
<asp:RequiredFi eldValidator ID="RequiredFie ldValidator2" runat="server"
ControlToValida te="tbLastName " ErrorMessage="L ast name is required"
SetFocusOnError ="True" ValidationGroup ="regForm">
<img src="~/images/bangs.gif" title="required "
/></asp:RequiredFie ldValidator><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="Dynami c" option on the validator
?

"Dabbler" <Da*****@discus sions.microsoft .com> wrote in message
news:D1******** *************** ***********@mic rosoft.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 RequiredFieldVa lidators 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="waLab el" Text="Last Name" ></asp:Label>
<asp:TextBox ID="tbLastName " Text='<%#
Bind("LastName" )
%>' ReadOnly="false " runat="server" CssClass="waTex tBox" Width="180px"
MaxLength="25"> </asp:TextBox>
<asp:RequiredFi eldValidator ID="RequiredFie ldValidator2" runat="server"
ControlToValida te="tbLastName " ErrorMessage="L ast name is required"
SetFocusOnError ="True" ValidationGroup ="regForm">
<img src="~/images/bangs.gif" title="required "
/></asp:RequiredFie ldValidator><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*****@discus sions.microsoft .com> wrote in message
news:AC******** *************** ***********@mic rosoft.com...

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

have you tried Display="Dynami c" option on the validator
?

"Dabbler" <Da*****@discus sions.microsoft .com> wrote in message
news:D1******** *************** ***********@mic rosoft.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 RequiredFieldVa lidators 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="waLab el" Text="Last Name" ></asp:Label>
>> <asp:TextBox ID="tbLastName " Text='<%#
>> Bind("LastName" )
>> %>' ReadOnly="false " runat="server" CssClass="waTex tBox" Width="180px"
>> MaxLength="25"> </asp:TextBox>
>> <asp:RequiredFi eldValidator ID="RequiredFie ldValidator2"
>> runat="server"
>> ControlToValida te="tbLastName " ErrorMessage="L ast name is required"
>> SetFocusOnError ="True" ValidationGroup ="regForm">
>> <img src="~/images/bangs.gif" title="required "
>> /></asp:RequiredFie ldValidator><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.
>>
>>