ASP.NET-Schaltfläche Erzeugen falsch Auszeichnungs

Question

Ich habe einige Probleme mit einer Link-Button-Erzeugungs falschen Markierung auf.

Es sollte wie folgt erzeugen:

<div style="margin-top: 5px; width: 150px; margin-left: auto; margin-right: auto;">
    <a onclick="return JSConfirm('Confirm?');" id="ctl00_cntPrincipal_btnCancel"
    class="round-corner opt-upload cancel" href="javascript:__doPostBack('ctl00$cntPrincipal$btnCancel','')">
        <div>
            <span class="border top">
                <span class="border">
                </span>
            </span>
            <span class="icon cancel">
                Cancel
            </span>
            <span class="border bottom">
                <span class="border">
                </span>
            </span>
        </div>
    </a>
</div>

Beachten Sie nur einen Tag.

Es endet Erzeugung manchmal:

<div style="margin-top: 5px; width: 150px; margin-left: auto; margin-right: auto;">
    <a onclick="return JSConfirm('Confirm?');" id="ctl00_cntPrincipal_btnCancel"
    class="round-corner opt-upload cancel" href="javascript:__doPostBack('ctl00$cntPrincipal$btnCancel','')">
    </a>
    <div>
        <a onclick="return JSConfirm('Confirm?');" id="ctl00_cntPrincipal_btnCancel"
        class="round-corner opt-upload cancel" href="javascript:__doPostBack('ctl00$cntPrincipal$btnCancel','')">
            <span class="border top">
                <span class="border">
                </span>
            </span>
            <span class="icon cancel">
                Cancel
            </span>
            <span class="border bottom">
                <span class="border">
                </span>
            </span>
        </a>
    </div>
    <a onclick="return JSConfirm('Confirm?');" id="ctl00_cntPrincipal_btnCancel"
    class="round-corner opt-upload cancel" href="javascript:__doPostBack('ctl00$cntPrincipal$btnCancel','')">
    </a>
</div>

Beachten Sie jetzt 3 (!) Anker-Tags.

Es geschieht nur auf einem bestimmten Server an einen bestimmten Browser, wird Server ASP.NET 2.0 auf IIS 6 unter Verwendung von Firefox 3.5 auf der Seite zugreifen.

Update:. Ich den Code unter Verwendung von FF Ansicht Quelle anzuzeigen, installierte keine Plug-in, das Dokument angeblich XHTML 1.1 Transitional, aber ich glaube nicht, es überprüft, da Sie nicht div-Tag in Anker-Tags haben können

Answer 1

Wie sehen Sie diese Markup? In Firebug? In dem FF Quelle-Viewer mit TidyHTML installiert?

Was (X) HTML-Deklaration verwenden verwenden? HTML 4.1? XHTML Transitional? Strikte?

Der Grund, warum ich frage, ist, dass der <a>-Tag als ein definiert ist Inline -Element, so ist es nicht legal, es zu wickeln um ein Block Element, wie ein <div> Tag.

Die Quelle, die Sie in FF sehen wahrscheinlich, dies zu umgehen wurde korrigiert, indem man die zusätzlichen Anker-Tags innerhalb und am Ende der div-Tags.

Wie sehen Sie diese Markup? In Firebug? In dem FF Quelle-Viewer mit TidyHTML installiert?

Was (X) HTML-Deklaration verwenden verwenden? HTML 4.1? XHTML Transitional? Strikte?

Der Grund, warum ich frage, ist, dass der <a>-Tag als ein definiert ist Inline -Element, so ist es nicht legal, es zu wickeln um ein Block Element, wie ein <div> Tag.

Die Quelle, die Sie in FF sehen wahrscheinlich, dies zu umgehen wurde korrigiert, indem man die zusätzlichen Anker-Tags innerhalb und am Ende der div-Tags.

---

Nein, ist die View Source als FF behebt es nach oben - wenn Sie dies überprüfen möchten, können Sie installieren Sie die ViewSourceWith Plugin , und die Quelle in Ihrem Notizbuch der Wahl sehen. - ich habe bemerkt, Unterschiede zwischen diesen beiden

Im Gegensatz zu ASP.NET 1.1, die Browsercaps in ASP.NET 2.0 erkennen FF, Safari, etc, so die allgemeine Ausgabe nicht anders sein sollte, was Sie sehen im Internet Explorer.