Asp.Net MVC 3 Razor Rendering Bug?

Question

This one is strange...I have the following markup for a view using Razor view engine ASP.Net MVC 3 RC

            <p>
                <div class="editor-label">
                    @Html.LabelFor(model => model.Client.FirstName)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.Client.FirstName) @Html.ValidationMessageFor(model => model.Client.FirstName)
                </div>
                <div class="editor-label">
                    @Html.LabelFor(model => model.Client.LastName)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.Client.LastName) @Html.ValidationMessageFor(model => model.Client.LastName)
                </div>
            </p>

The problem is that when it renders, the P tag is not surrounding the DIVs! It renders like this:

<p>
                </p><div class="editor-label">
                    <label for="Client.FirstName">First Name</label>
                </div>
                <div class="editor-field">
                    <input class="text-box single-line" data-val="true" data-val-required="The First Name field is required." id="Client_FirstName" name="Client.FirstName" value="My FName" type="text"> <span class="field-validation-valid" data-valmsg-for="Client.FirstName" data-valmsg-replace="true"></span>
                </div>
                <div class="editor-label">
                    <label for="Client.LastName">Last Name</label>
                </div>
                <div class="editor-field">
                    <input class="text-box single-line" data-val="true" data-val-required="The Last Name field is required." id="Client_LastName" name="Client.LastName" value="My LName" type="text"> <span class="field-validation-valid" data-valmsg-for="Client.LastName" data-valmsg-replace="true"></span>
                </div>

What the heck is going on? Any help is appreciated!

Do you have link where this happens? I just threw the same code (allthough with a different form) on a page of mine and it works just fine. — Paul
– Paul, Commented Dec 6, 2010 at 5:46

Community · Accepted Answer · 2017-05-23 12:08:25Z

4

a paragraph cannot contain other block level elements. w3c

also check out this question

edited May 23, 2017 at 12:08

CommunityBot

11 silver badge

answered Dec 6, 2010 at 5:50

Omer Bokhari

60k12 gold badges46 silver badges60 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

B Z · Accepted Answer · 2010-12-06 05:46:53Z

2

Hmmm, it seems like it is just standard browser behavior?

http://blog.programmingsolution.net/html/html-div-tag-inside-html-p-paragraph-tag-does-not-work-correctly/

answered Dec 6, 2010 at 5:46

B Z

9,46217 gold badges71 silver badges93 bronze badges

Comments

jvanrhyn · Accepted Answer · 2010-12-06 05:49:19Z

2

The P element represents a paragraph. It cannot contain block-level elements e.g. DIV

answered Dec 6, 2010 at 5:49

jvanrhyn

2,8141 gold badge20 silver badges14 bronze badges

Collectives™ on Stack Overflow

Asp.Net MVC 3 Razor Rendering Bug?

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related