La creazione di una pagina master personalizzata cause che gli elenchi appaiono fusi con esso

Question

Utilizzo del Design Manager ho convertito un file HTML in una pagina master. (Questo era un semplice logo con menu a discesa). Ho quindi impostato per essere la pagina Master predefinita per uno dei miei siti secondari. L'idea è quando creo qualsiasi elenco da SharePoint Designer per quel sito vorrei che tali elenchi vengano visualizzati direttamente sotto quel menu a discesa trovati nella mia pagina principale, questo è così che posso collegare gli elementi nei miei elenchi a discesa ai moduli dietro le liste

Che cosa sto cercando attualmente è quando voglio aggiungere elementi a quegli elenchi (tramite Newform.aspx) Il modulo appare allo stesso livello della pagina master, non sotto i menu del logo / a discesa che ho creato. Ciò si traduce in parte del modulo nascosto dietro la sezione Page Master.

Si sente come se manchi un numero di tag div (ad esempio TitleRew) all'interno della mia pagina master personalizzata per inviare qualsiasi elenco / modulo per apparire direttamente sotto il mio contenuto della pagina principale.

Aspetto anche i layout di pagina all'interno del Design Manager.

Qualcuno di voi incontra questo prima e potrebbe sapere cosa mi manca o la direzione da prendere.

Answer 1

ha realizzato il mio errore.

Mi è stato dovuto avere le posizioni di stile assoluto delle posizioni per le mie immagini e la barra dei menu (E.G. Snippet qui sotto della mia pagina principale)

<div id="s4-workspace">
    <div id="s4-bodyContainer">
        <script src="/_catalogs/masterpage/FormsTest/Scripts/jquery-1.7.1.min.js"></script>
        <script src="/_catalogs/masterpage/FormsTest/Scripts/scriptMenu.js</script>
        <div>
            <img src="/_catalogs/masterpage/FormsTest/Images/bg-header.jpg" style="position: absolute; width: 100%; height: 100px" alt="" />
            <img src="/_catalogs/masterpage/FormsTest/Images/hilldickinson_white.png" style="position: absolute; top: 40px; left: 10px;" alt="" />
            <ul class="nav" style="position: absolute; top: 100px; ">
                <li>
                    <a href="#">Menu heading 1
                    </a>
                    <ul>
                        <li>
                            <a href="#">Sub Heading 1</a>
                        </li>
                        <li>
                            <a href="#">Sub Heading 2</a>
                        </li>

                        ... etc...

.

Ma non avendo lo stile assoluto applicato alla sezione ContentPhatholdermain in cui tutto il contenuto modificabile va.

Quindi da riparare ho applicato qui sotto per includere lo stile e gli attributi migliori sul tag div

   <div data-name="ContentPlaceHolderMain"  style="position: absolute; top: 160px;>
      ... content ...
   </div>

.

Il contenuto è ora il rendering nella giusta posizione.