MVC - Aktualisierung Teilansicht verschiebt div Container

Question

hat ein Problem mit der Aktualisierung Teilansichten innerhalb meiner Anwendung.

Grundsätzlich wird nach dem Login-Vorgang der Benutzer zu einer Auswahl von Archiven umgeleitet werden, um zu wählen. Es sollte zu einer Suchmaske führen, um einige Kriterien einzugeben, nach denen gesucht werden soll.

Was habe ich, ist dies:


@ _Layout.cshtml

<div id="_pview"> 
 
    <div class="container body-content"> 
 
    <div class="_pviewcontent"> 
 
     @RenderBody() 
 
    </div> 
 
    </div> 
 
    <footer class="footer"> 
 
    <hr /> 
 
    <a class="copyright">@Html.ActionLink($"© Copyright 2006 - {@DateTime.Now.Year} MyCopyright", "Index", "About")</a> 
 
    </footer> 
 
    <div id="loading_image" class="loading" style="display: none;"></div> 
 
</div>

@ ArchiveSelection/Index.cshtml

<div id="container"> 
 
    <div id="_divpartialview"> 
 
    @{Html.RenderPartial("_ArchiveSelection", Model);} 
 
    </div> 
 
</div>

@ ArchiveSelection/_ArchiveSelection.cshtml

<table class="table"> 
 
    @{ 
 
    if (Model != null) { 
 
     foreach (var item in Model.FileCabinetList) { 
 
     <tr> 
 
      <td> 
 
      @Ajax.ActionLink(item, "Index", "SearchMask", new {filecabinet = item}, new AjaxOptions {UpdateTargetId = "_divpartialview", LoadingElementId = "loading_image"}) 
 
      </td> 
 
     </tr> 
 
     } 
 
    } 
 
    } 
 
</table>

@ Render/RenderPartial() wird die Liste unter der Navigationsleiste angezeigt.

Nachdem die div-Container mit einer Teilansicht der Aktualisierung, bewegt er sich in die Navigationsleiste.

@ suchmaske/_SearchMask.cshtml

<div style="height: 500px;"> 
 
    <div> 
 
    <div style="height: 500px; width: 330px; float: left; background-color: aqua"></div> 
 
    <div style="height: 500px; width: 330px; float: left; background-color: gray"></div> 
 
    <div style="clear: both;"></div> 
 
    </div> 
 
</div>

Wie Sie den Container div sehen (_divpartialview) bewegt sich nach rechts in der Navigationsleiste, nachdem es die Aktualisierung .

Irgendeine Idee, was ich vermisse oder falsch mache?

Mit freundlichen Grüßen

Answer 1

Endlich gelöst es auf eigene Faust.

Ich fühle mich jetzt ziemlich peinlich, weil es so einfach war. Es war nur eine CSS-Vorlage, die mit Bootstrap CSS kollidierte.

Aufgrund der falschen Benennung einiger CSS-Klassen war dies das Ergebnis.

Ich bin etwas neu, also lachen Sie mich nicht zu hart: D